1. 爱易网页
  2. JavaSript
  3. jquery中的子集怎么得到父级的label标签呢

jquery中的子集怎么得到父级的label标签呢

日期：2014-05-16　 浏览次数：20406 次

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>

 

相关资料更多>

  1. Extjs-关于文件的下传
  2. js动态的平添数据行
  3. soap调用webservice报错,请高手帮忙解决！解决思路
  4. ajax，向后台发出请求，IE与火狐不一样解决方案
  5. onkeyup 在中文输入法停会胡乱触发
  6. 一个不错的js时间控件，有时隔日期的
  7. 怎么在当前对象上附加修改自身属性的方法
  8. js日期时间函数(经典＋完美＋实用)
  9. 函数f1()如何实现小类全部取消选择后，大类的复选框才取消选择