Jquery获取当前元素父元素

JQuery 901 0 2020-07-23

Jquery获取当前元素父元素

<html>

<body>

<div id="p1">

    <div id="p2">

        <table>

            <tr>

                <td></td>

                <td>

                    <input type="text"/>

                    <input type="text"/>

                    <input type="text"/>

                </td>

                <td><button οnclick="f1(this)">按钮</button></td>

            </tr>



            <tr>

                <td></td>

                <td>

                    <input type="text"/>

                    <input type="text"/>

                    <input type="text"/>

                </td>

                <td><button οnclick="f1(this)">按钮</button></td>

            </tr>



            <tr>

                <td></td>

                <td>

                    <input type="text"/>

                    <input type="text"/>

                    <input type="text"/>

                </td>

                <td><button οnclick="f1(this)">按钮</button></td>

            </tr>

        </table>

    </div>

</div>

</body>

</html>


<script type="text/javascript">

     window.οnlοad=function(){

         

         function f1(obj){

                var tmp = obj;

                //触发点击事件时,获取当前点击元素的祖先元素tr中第二个td的第一个input输入的值

                //parents()获取所有的祖先元素td/tr/table/div/div/body/html

                //parents("tr")指定tr元素

                //children("td").eq(1)子节点中的第二个td

                //find("input:first").val()第一个input标签的值

                var value = $(obj).parents("tr").children("td").eq(1).find("input:first").val();

                alert(value);

            }

        

     }

</script>


来源:https://blog.csdn.net/cs3235301/article/details/82804874

上一篇:jquery实现复选框全选或取消

下一篇:jquery实现TP5与bootstrap4的分页样式整合

讨论数量:0

请先登录再发表讨论。 2024-03-29

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链