jquery - 在 jquery 中传递 self 对象

Question

在下面的代码中如何在验证函数中传递div对象

  <div><input type="text"></input>&nbsp;&nbsp;&nbsp&nbsp;<a href="#" onclick="validate("Hot to pass the div objevt here")"</input> 

   <script>
    function validate()
    {
      .....
      .....
       Finally remove the div   
    }

     </script>

Answer 1

HTML:

<div class='elementToRemove'>
    <div>
        <a href="#" onclick="validate(this)">some text</a>​​​​​​​​​​​​​​​​​​​​​​​
    </div>
</div>

JavaScript:

function validate( elem ) {
    $(elem).closest('div.elementToRemove').remove();
}

在 validate()函数，elem将代表<a>接收事件的元素。

然后你可以将它包装在一个 jQuery 对象中，并且 use .closest() 获得第一个 <div>祖先，和use .remove() 将其从 DOM 中删除，并清理附加的任何数据，例如事件处理程序。

或者也许最好让 jQuery 来处理你的事件处理程序:

HTML:

<div class='elementToRemove'>
    <div>
        <a href="#" class="someClassName">some text</a>​​​​​​​​​​​​​​​​​​​​​​​
    </div>
</div>

jQuery:

$('a.someClassName').click(function() {
    $(this).closest('div.elementToRemove').remove();
});