<div>
<div>
<span></span>
<span id="id1"></span>
<span id="id2"></span>
</div>
<div>
<span></span>
<span></span>
<span id="test"></span>
</div>
</div>
我现在知道id="test",如何获取其上一个div中的id值
试试这个$("#test").parents("div").id
$("#test").closest("div")
上一个div指的是相邻的吗?还是父元素呢?
$('#test').prev().prop('id') 相邻
$("#test").parents("div").prop('id') 父元素
</div>
<script type="text/javascript">
$(function(){
var div = $("#test").parents("div");
alert(div[0].id);
});
</script>
上面已经有网友使用jQuery给出了写法,我就给个原生的代码吧。
/**
*获取最近一个标签名称为DIV的父节点的ID
*/
function getParentDivId(){
var src = document.getElementById("test");
var target = src;
while((target=target.parentNode) != null ){
var nodeName = target.nodeName;
if(nodeName == "DIV"){
//console.log(target.id);
return target.id;
}
if(nodeName == "HTML"){ //表示遍历到了HTML根节点
break;
}
}
}
jquery如下
var div=$('#test').parent().prev();
额,各种代码已经给了,凑个热闹。
额,各种代码已经给了,凑个热闹。
上一个div?还是上一个值?不好意思哈,我体育老师有点多
getDocumentById("test").getParent()
get parent father