Question

jquery ,使用this时,如何与类选择器一同使用?

<div class = "aaa">
<h3>标题一</h3>
<ul class = "bbb">
<li>内容1</li>
<li>内容1</li>
<li>内容1</li>
</ul>
</div>

<div class = "aaa">
<h3>标题一</h3>
<ul class = "bbb">
<li>内容1</li>
<li>内容1</li>
<li>内容1</li>
</ul>
</div>

$("h3").click(function(){
});
用 + 号，来表示所选择的元素的下一部分。如$("h3 + ul")。如何用 + 来写 this的下一部分。在h3点击的事件函数中，写$(this +"ul") 不成功。应该怎样写？

Answer 1

没有那种方式，
你可以使用prev方法
$(this).next("ul") $(this).next(".bbb") 找到this（h3标签）下面ul 标签对象 实现相关操作

$("h3").click(function(){
alert($(this).next("ul").html());

})

Answer 2

没有那种选择方式
$(".aaa h3").click(function(){
$(this).closest(".aaa").find(".bbb")……
})

Answer 3

确实没这么用过，你可以用$(this).next("ul") 也可以用查找兄弟元素：siblings，$(this).siblings("ul")

Answer 4

$(this).parents('h3:first').find('ul.bbb').toggle();

Answer 5

$("h3").click(function(){
$(this).next();//紧邻的同辈元素

});