jquery删除指定的tr

jquery删除指定的tr,第1张

jquery删除指定的tr可以参考以下的方法

1、在button 的onclick事件中直接将this传过去:removeColunm(this)

2、在事件中,this.parent():代表获取到td ,this.parent().parent():代表获取到tr。

function removeColumn(thisbutton){

$(thisbutton).parent().parent().remove()

}

扩展资料:

常用的 jQuery 事件方法

$(document).ready()

$(document).ready() 方法允许我们在文档完全加载完后执行函数。该事件方法在jQuery 语法章节中已经提到过。

click()

click() 方法是当按钮点击事件被触发时会调用一个函数。

该函数在用户点击 HTML 元素时执行。

在下面的实例中,当点击事件在某个 <p>元素上触发时,隐藏当前的 <p>元素:

$("p").click(function(){

$(this).hide()})

dblclick()

当双击元素时,会发生 dblclick 事件。

参考资料来源:百度百科-jQuery

可以换个方式来实现,测试可行:

<!DOCTYPE html>

<html>

  <head>

    <title>demo</title>

    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> 

    <script type="text/javascript">

        $(function(){

            $(".aa").click(function(){

                var v = $(this).attr("value")

                if(v == 1){

                    $(this).parents("tr").after('<tr class="tools"><td>3<button class="bb">bb</button></td></tr>')

                    $(this).attr("value","0")

                }else{

                    $(".tools").remove()

                    $(this).attr("value","1")

                }

            })

        })

    </script>

  </head>

  

  <body>

      <table>

          <tr><td>1</td></tr>

          <tr><td>2<button class="aa" value="1">aa</button></td></tr>

          <tr><td>4</td></tr>

      </table>

  </body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11955246.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存