Question

我的HTML看起来像这样：

<div class="wrapper">
<div class="container1">
This is the Element i want to toggle
</div>
<div class="container2">
<a href="#" class="button">Click</a>
</div>
</div>

我想通过单击按钮来切换container1。事情是有几个结构，所以我不能使用ID。我需要在jquery中使用event.target函数，但我不知道如何获取父元素和＆＃34; container1＆＃34;父元素中的元素以及如何使用slideToggle切换它。

Answer 1

试试这个

$('.button').on('click', function(e){
    e.preventDefault();
      $(this).closest('.wrapper').find('.container1').toggle();
});

Answer 2

$('.button').click(function(){
  $(this).parent().siblings('.container1').toggle();
});

Answer 3

您可以在此处使用closest()和siblings()：

$('.button').click(function(e) {
    e.preventDefault();
    $(this).closest('.container2').siblings('.container1').toggle(); 
})

<强> Fiddle Demo

Answer 4

尝试：

 $("a").on("click",function(e){
     var el=$(this); // this will be a element
     el.parents(".wrapper").find(".container1").toggle();
    });

“parent” - 这将使你的父元素与类“包装” “find” - 这将在包装器中找到类“container1”的子元素

如果使用jquery绑定到event，则“this”范围指向target元素。您还可以从事件参数“e.target”获取目标

这里是jsfiddle：http://jsfiddle.net/25vaT/

Answer 5

也许对于这种情况，您可以使用类似

的内容

$('.button').click(function(){
    $(this)
        .parent()
        .siblings()
        .first()
        .toggle();

有关小型演示，请参阅this fiddle。

jQuery获取父类的Element

5 个答案: