parentsUntil([selector]);查找当前元素的所有的父辈元素，直到遇到匹配的那个元素为止。
$('3')parentsUntil('2') css('background-color', 'red');
还有parent();方法
$('3')parent(); 的结果为id=2；
<body>
<table class="tbeTarget" id="tbeTarget">
<tr>
<td class="tips1" id="tips1"> 12345abcd </td>
<td class="tips2" id="tips2"> 23456fvbg </td>
</tr>
</table>
<input type="button" onclick="getTdValue();" value="GETTDVALUE">
</body>
获取标签建议还是用ID来获取,简单方便
用getElementById("tbeTarget")可获取table
用getElementById("tips2")可获取到tips2
有ID的话,getElementById("tbeTarget")tips2也能得到你要的 tips2
特殊情况实在不能用ID时,也可用getElementsByTagName
var o=documentgetElementsByTagName("table"); 这个就获取到了所有的table标签,返回值是数组类型的
像你这个代码的话,只有个一个table,那 o[0]就是你要的table标签了
实在要用getElementByClassName的话,
var o=documentgetElementByClassName("tbeTarget");
var ot=ogetElementsByTagName("td"); //直接用ogetElementByClassName("tips2")应该也可以
for(var i=0;i<otlength;i++){
if(ot[i]class=="tips2"){
alert(ot[i]); //在这if里面,用ot[i]调用到的就是你要的 tips2了
}
}
css
没有父元素选择器，只有子元素选择器h1
>
strong，选择第一个
h1
下面的strong
元素；兄弟选择器h1
+
p
选择紧接在另一个元素后的元素，而且二者有相同的父元素；
父元素可以使用jquery，$("class:parent")
或
$("class")parent();
找父元素节点的方法有:1)原生方法元素parentNode 返回元素的第一个父节点2)Jquery方法(记得导包)元素parent() 返回元素的第一个父节点元素parents() 返回一个包含元素所有父节点的数组下面有个例子:
js找一个子元素的父元素：
<!DOCTYPE html><html><head>
<meta charset="utf-8">
</title> <script type="text/javascript"> function deleteElement(Obj)
{ ObjparentNodeparentNoderemoveChild(ObjparentNode); } </script></head>
<body> <ul class="list2" ><li ><img alt="" src="1jpg" /><div>mingzi1</div>
<a onclick="deleteElement(this)">删除</a></li><li ><img alt="" src="2jpg" />
<div>mingzi2</div><a onclick="deleteElement(this)">删除</a></li><li >
<img alt="" src="3jpg" /><div>mingzi3</div><a onclick="deleteElement(this)">删除</a>
</li></ul></body></html>
删除一个父元素下面的所有子元素:
documentgetElementById("ok")innerHTML = "";
删除其中的一个：
documentgetElementById("ok")remove(documentgetElementById("ok")children(i));
//删除id为"ok"下的第i-1个子元素
以上就是关于JQuery获取父元素问题全部的内容，包括:JQuery获取父元素问题、js实现获取父元素下的子元素，如下的代码，我想通过getElementByClassName获取到标签table，、用css选择器 如何选择自己的父元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）