Question

如果我具有以下html结构：

<div class ='wrapper'></div>

<div class ='wrapper'></div> 我想获取这个元素

<div class ='wrapper'></div>

我试图做这样的事情：

$(document).on('click', 'wrapper', ()=>{
  var element = $(this); //not sure how to do this 
});

如何获得对clicked元素的引用，以便将其用于$(element).siblings()和next()等事物。

我尝试使用的方法，选择该类中的所有元素，我只想单击该元素，有没有办法做到这一点？

Answer 1

$(document).ready(function() {

  $(".wrapper").click(function() {
    var clickedElement = $(this);
    alert(clickedElement.text());
    console.log(clickedElement.siblings());
    console.log(clickedElement.next());
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='wrapper'>Click here One</div>
<div class='wrapper'>Click here Two</div>
<div class='wrapper'>Click here Three</div>

Answer 2

这是正确的：

$(document).on('click', '.wrapper', function() {
  var element = $(this); //not sure how to do this 
});

但是当您引用时，您应该

element.siblings()

而不是

$(element).siblings()

如何获得对单击时具有通用类的元素的引用？

2 个答案: