1. 程式人生 > >jquery獲取父級元素和子級元素

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>

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

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

jQuery.siblings(),返回兄弟姐妹節點,不分前後

相關推薦

jquery獲取元素元素

    <script type="text/javascript">  function show(x){     var y=$(x);//轉換成jquery物件     //查詢父元素    alert( y.parent().attr("name"));

jsjquery獲取元素元素、兄弟元素的方法

最近工作中總遇到取各種父啊子啊兄弟姐妹啊,每次都得查,這次整理個全乎的~  【js的獲取方式】  function dom(){       var a = document.getElementByIdx_x_x("dom");       var b =

jquery獲取元素元素、兄弟元素的方法

next 返回結果 初始 對象 clas 祖先 eval p s all jQuery.parent(expr) 找父親節點,可以傳入expr進行過濾,比如$("span").parent()或者$("span").parent(".class") jQuery.par

js或jquery獲取、兄弟元素

原生javascript方法: var a = document.getElementById("dom"); del_space(a); //清理空格 var b = a.childNodes; //獲取a的全部子節點; var c = a.parentNod

jquery獲取的同級的元素

一、知識介紹1、jquery獲取父級元素用parent()$(this).parent('ul');2、jquery獲取同級元素用siblings()$(this).parent('ul').siblings();3、jquery獲取子元素用find()$(this).par

jquery 獲取元素元素、兄弟元素的方法

jQuery.parent(expr) 找父親節點,可以傳入expr進行過濾,比如("span").parent()或者(“span”).parent(“.class”) jQuery.parents(expr),類似於jQuery.parents(expr)

使用Jquery獲取iframe、iframe元素

獲取父級iframe中的元素$("#父頁面元素id" , parent.document)   獲取子級iframe中的元素$('#子頁面元素').contents().find('#需要找的子頁面元

ztree實現checkbox樹形選單,並且節點不可選中(只有選單);如何獲取選中子節點儲存到資料庫

1.使用ztree首先要匯入ztree的引入檔案(具體看自己需求,需要用ztree拓展功能的需要匯入拓展的js)、及樣式、圖片 注:ztree的樣式檔案必須和圖片檔案在同一級資料夾下 2.檔案引入之後,建立html頁面,樹形結構底層是套,如下圖所示即可

iframe.contentWindow 屬性:關於contentWindowcontentDocument區分 jquery 獲取視窗的元素視窗、視窗

    定義和用法   contentDocument 屬效能夠以 HTML 物件來返回 iframe 中的文件,可以通過所有標準的 DOM 方法來處理被返回的物件。   語法:frameObject.contentWindow,或者 iframeObj

使用jQuery獲取節點、兄弟節點、節點的方法

一、jQuery的父節點查詢方法         $(selector).parent(selector):獲取父節點         $(selector).parentNode:以node[]的形式存放父節點,如果沒有父節點,則返回空陣列         $(s

jquery元素元素點選事件傳遞問題_不可把元素的事件傳遞給元素_事件無限迴圈傳遞

前述:jquery中: 當一個元素的點選事件被觸發時,會自動將該事件向父級元素逐級專遞。 但是實際場景當中,我們可能會遇到需要在父級元素中定義點選事件,來觸發特定子元素的點選事件,我就遇到了這麼一個問題。  但是這麼做的後果,在jquery1.8.2版本及以後所有版本(截止目前最新版本為3.3),

CSS3——解決元素包裹元素的方法(偽元素+其他)

利用偽元素清除浮動: 你要解決浮動的為題必須在父級的邏輯的後面加上一個p元素來清除浮動吧,你加完p元素之後破壞結構了,不好,咱相加,又不能加,就用偽元素最合適了吧! <!DOCTYPE html> <html> <head> &l

PHP 獲取欄目的【所有欄目】的ID號

//@獲取子欄目ID號 private function sonCategoryIds($categoryID) { //@初始化欄目陣列 $array[] = $categoryID;

元素行內元素

計算機 引用 table 同一行 com tab 源碼 div display 塊級元素:塊元素又名塊級元素(block element),和其對應的是內聯元素(inline element),都是html規範中的概念。塊元素和內聯元素的基本差異是塊元素一般都從新行開始,相

css塊元素內聯元素

cnblogs 塊級元素 play spl 元素 png blog lock bsp 左邊的是塊級元素block,右邊內聯inline。 修改方法 display: inline; css塊級元素和內聯元素

行內元素元素

inline line 表格 object 文本 格式 但是 for border 1 塊級元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table

html中的行內元素元素有哪些。

rom html ext mea ble put select 換行 sel 在html中,元素主要分為行內元素和塊級元素; 行內元素指的是書寫完成後不會自動換行,並且元素沒有寬和高。 塊級元素寫完後會自動換行,有寬高可以修改。 還有一種特殊的元素叫做行內塊元素。 大致分內

行內元素元素水平及垂直居中

常用 大小 form splay 平分 字體大小 分隔 特點 很好 首先,介紹一下行內元素和塊級元素,這個很重要,因為有的屬性只能用於塊元素,而有的正好相反,在一定的情況下,它們也可以相互轉換,比如用display來進行設置。 行內元素: ①不占據一整行,隨內容而定,有以

微信小程序布局之行內元素元素

外邊距 邊距 gin add 屬性 微信 如果 改變 盒子模型 元素按照顯示方式主要可以分為塊級元素和行內元素,元素的顯示方式由display屬性控制。 塊級元素特點總結: 1、總是在新行上開始 2、寬度的默認為width+margin-left+margin-right+

使用jquery獲取元素節點的方法

返回 number 子元素 文本 事件 什麽 nbsp 可選 元素 jquery獲取父元素方法比較多,比如parent(),parents(),closest()這些都能幫你實現查找父元素或節點,下面我們來一一講解: 先舉個例子, 1.<ul class="paren