js獲取元素內容與屬性值
阿新 • • 發佈:2019-01-25
如何取 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)定位這一行。
結果: