有没有一种方法可以多次使用关键字(this)

Question

jquery:

$(document).ready(function() {
$(".title", this).click(function(){
$(".content", this).slideToggle();
});
});

代码看起来不错，但不起作用。请帮忙。感谢

Answer 1

提供HTML显示了问题：您的contentDIV不是title的子级，因此$(".content", this)返回emtpy-jQuery对象。如果您不想重新排列HTML，我建议使用siblings()函数：https://api.jquery.com/siblings/#siblings-选择器

$(document).ready(function() {
$(".title", this).click(function() {
console.log(this.tagName+" "+this.innerHTML);
$(this).siblings(".content").slideToggle();
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
<div class="title">im a title</div>
<div class="content">this is a text</div>
</div>
<div class="container">
<div class="title">im another title</div>
<div class="content">and another text</div>
</div>