日期:2014-05-16  浏览次数:20398 次

jquery中的子集如何得到父级的label标签呢
<div class="sale fl-l">
    <p>
    <label class="bigtitle">尺寸</label>
    </p>
    <ul>
        <li>
        <label>S</label>
        </li>
        <li>
        <label>L</label>
        </li>
    </ul>
    <span class="updatemsg">
    <a href="javascript:onclick=SaleUpdate(this)">修改</a>
    </span>
</div>

我的html结构是这样,我想点击修改的时候得到以上的三个label,该怎样得到呢,jquery得到父级元素的方法,试过了,得到都是0 ,不知道哪里出了问题,因为这个大的div是通过其他按钮点击之后,jquery创建的,所以页面会有好多个这个大div,所以不能给它标识id号,不知道大家明白我表述的不,请路过的大侠们,停下脚步看看吧,谢谢拉!
------解决方案--------------------

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<div class="sale fl-l">
    <p>
    <label class="bigtitle">尺寸</label>
    </p>
    <ul>
        <li>
        <label>S</label>
        </li>
        <li>
        <label>L</label>
        </li>
    </ul>
    <span class="updatemsg">
    <a href="javascript:void(0)" onclick="SaleUpdate(this)">修改</a>
    </span>
</div>
<script>
    function SaleUpdate(a) {
        var lbs = $(a).closest('div').find('label');
        console.log(lbs)
    }
</script>

------解决方案--------------------
<html>
<head>
<title> </title>
<script type="text/javascript" src='jquery-1.4.2.min.js'></script>

</head>
<script type="text/javascript">

function SaleUpdate(obj){
var saleObj = $(obj).closest('div.sale');
var label = $(saleObj).find('label');
console.log(label)
}
</script>
<body>
<div class="sale fl-l">
    <p>
    <label class="bigtitle">尺寸</label>
    </p>
    <ul>
        <li>
        <label>S</label>
        </li>
        <li>
        <label>L</label>
        </li>
    </ul>