jquery獲取父級元素和子級元素

    <script type="text/javascript">
 function show(x){
    var y=$(x);//轉換成jquery對象
    //查找父元素
   alert( y.parent().attr("name"));
    alert( y.parent().attr("id"));
    //查找祖先，是個集合 不包括自身
    alert(y.parents("tr").attr("name"))
    alert(y.parents("table").attr("name"))
    //closest()這個方法呢就是向上檢查元素并逐級匹配。首先，會從自身來匹配，匹配成功就返回本身

    //查找第幾個子元素，eq() 方法會用集合中的一個元素構造一個新的 jQuery 對象。所使用的 index 參數標示集合中元素的位置。
    alert(y.parent().children().eq(0).text());
    alert(y.parent().children().eq(1).text());
    alert(y.parent().children().eq(2).text());
    alert(y.parent().children().first().text());
    //children方法獲得的僅僅是元素一下級的子元素
    //find方法獲得所有下級元素
}
    </script>

</head>
<body>

<table name="表">
    <tr id="1"name="行1">
        <td>1</td>
        <td>袁海</td>
        <td onclick="show(this)">29</td>
    </tr>
    <tr id="2" name="行2">
        <td>2</td>
        <td>yuanhai</td>
        <td onclick="show(this)">29</td>
    </tr>
</table>

</body>

十余年的敦化網站建設經驗，針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。全網營銷推廣的優(yōu)勢是能夠根據用戶設備顯示端的尺寸不同，自動調整敦化建站的顯示方式，使網站能夠適用不同顯示終端，在瀏覽器中調整網站的寬度，無論在任何一種瀏覽器上瀏覽網站，都能展現優(yōu)雅布局與設計，從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯公司從事“敦化網站設計”,“敦化網站推廣”以來，每個客戶項目都認真落實執(zhí)行。

獲取父級元素 parent parents() closest()

獲取子級元素 children() find()

jQuery.siblings(),返回兄弟姐妹節(jié)點，不分前后

本文標題：jquery獲取父級元素和子級元素
文章網址：http://bm7419.com/article26/jciejg.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站改版、響應式網站、品牌網站設計、ChatGPT、微信公眾號、網頁設計公司

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯

網站優(yōu)化排名