Question

在下面的代码中，如何在validate函数中传递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();
});

Answer 2

<div>  blah blah <a href="#" id="remove" > Delete </a>   blah blah </div>

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

在jquery中传递自我对象

2 个答案: