如何通过 javascript 绕过例如 header 及其内容和 html 代码？

Question

我有 javascript 代码用 src 替换每个 img 标签中 data-src 的内容。例如，我想跳过 header 及其内容，因为我有一个滑块，它像这个脚本一样工作，只是将 src 变成 data-src，因此它不会为我工作。我想将 header 内容添加到例外中，以便脚本无处不在，但不在 header 及其内容

中

function czLazyload() {
  'use strict';

  j('[data-src]').each(function() {
    if (j(this).data('src') && ScrollIntoView(j(this))) {
      j(this).attr('src', j(this).data('src')).attr('srcset', j(this).attr('old')).removeAttr('data-src old').addClass('lazyloaded');
    }
  });
}

Answer 1

jQuery 的 .not() 应该能帮到你

function czLazyload() {
  'use strict';

  j('[data-src]').not('header').each(function() {
    if (j(this).data('src') && ScrollIntoView(j(this))) {
      j(this).attr('src', j(this).data('src')).attr('srcset', j(this).attr('old')).removeAttr('data-src old').addClass('lazyloaded');
    }
  });
}

更多：https://api.jquery.com/not/

如何通过 javascript 绕过例如 header 及其内容和 html 代码？

How to bypass eg header and its contents and html code by javascript?

html

javascript

jquery

image

src