1. 程式人生 > >js獲取元素內容與屬性值

js獲取元素內容與屬性值

如何取 data-xx 屬性值,如果有e引數的話可以用$(e.currentTarget).data('xx');沒有則需要自己新增定位的元素,$('定位元素').data('xx')

用於定位元素的方式有用class定位(語法:$(".class的值")),用id(語法$("#id的值"))。或者是直接用標籤定位(“td”)等等

用於取值的方法有text()、html()和val();

parents() 方法返回被選元素的所有祖先元素,它一路向上直到文件的根元素 (<html>)

返回所有 <span> 元素的所有祖先:

$("span").parents();

parent() 方法返回被選元素的直接父元素。

返回每個 <span> 元素的的直接父元素:

$("span").parent();

parentsUntil() 方法返回介於兩個給定元素之間的所有祖先元素。

返回介於 <span> 與 <div> 元素之間的所有祖先元素:

$("span").parentsUntil("div");

children() 方法返回被選元素的所有直接子元素。

返回類名為 "1" 的所有 <p> 元素,並且它們是 <div> 的直接子元素:

$("div").children("p.1");

find() 方法返回被選元素的後代元素,一路向下直到最後一個後代。

$("div").find("span");

next() 方法返回被選元素的下一個同胞元素。

該方法只返回一個元素。下面的例子返回 <h2> 的下一個同胞元素:

$("h2").next();

prev()方法的工作方式與上面的方法類似,只不過方向相反而已:它返回的是前面的同胞元素(在 DOM 樹中沿著同胞元素向後遍歷,而不是向前)。

jsp:

js:

            

有引數e傳過來了,直接用$(e.currenttarget)定位這一行。

結果: