Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-core/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用JQuery按类和id选择非父元素?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何使用JQuery按类和id选择非父元素?

Javascript 如何使用JQuery按类和id选择非父元素?,javascript,jquery,html,Javascript,Jquery,Html,我需要使用JQuery函数按id和类选择元素。问题是元素不是父元素。Smth是这样的: <div class="image"></div> <div id="contact"></div> })) 提前感谢。您可以使用逗号加入jquery选择器,如下所示: $("#contactme, .featurette-image").each(... 他们的文档中描述了这种行为:可能是这样的: $("#contactme, .featurette-i

我需要使用JQuery函数按id和类选择元素。问题是元素不是父元素。Smth是这样的:

<div class="image"></div>

<div id="contact"></div>
}))


提前感谢。

您可以使用逗号加入jquery选择器,如下所示:

$("#contactme, .featurette-image").each(...
他们的文档中描述了这种行为:

可能是这样的:

$("#contactme, .featurette-image").each(function() {
  var bottom_of_object = $(this).offset().top + $(this).outerHeight();
  var bottom_of_window = $(window).scrollTop() + $(window).height();

  if( bottom_of_window > bottom_of_object ) {
     $(this).animate({'opacity':'1'}, 700);
  }
});


如果它能工作,为什么它不是解决方案?因为我应该重写相同的代码。我认为这不是最好的方法:)我只是好奇是否可以用简单的方法来做。如果我没记错的话,你可以像这样加入选择器,如果你的意思是
$('.featurette image,#contactme')
谢谢你,这就是我想要的
$("#contactme, .featurette-image").each(function() {
  var bottom_of_object = $(this).offset().top + $(this).outerHeight();
  var bottom_of_window = $(window).scrollTop() + $(window).height();

  if( bottom_of_window > bottom_of_object ) {
     $(this).animate({'opacity':'1'}, 700);
  }
});
$(document).ready(function() {

  $(window).scroll(function() {

    $('body div').each(function() {

       if ($(this).hasClass('featurette-image') || $(this).attr('id') == 'contact') {

        var bottom_of_object = $(this).offset().top + $(this).outerHeight();
        var bottom_of_window = $(window).scrollTop() + $(window).height();

        if( bottom_of_window > bottom_of_object ) {
            $(this).animate({'opacity':'1'}, 700);
        }
      }
    });



  });
});