Javascript 如何使用JQuery按类和id选择非父元素?
我需要使用JQuery函数按id和类选择元素。问题是元素不是父元素。Smth是这样的: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
<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);
}
}
});
});
});