jquery遍历数据,获取满足条件的子级

这篇博客介绍了如何利用jQuery的data方法获取自定义属性值,并通过if判断来遍历并找到满足特定条件的子级元素。文章中提到,使用return false可以避免在遍历过程中重复执行语句。此外,还展示了如何计算父元素中目标子级的数量,例如$(“div”).children(“span”).length返回的是父级div中span子元素的数量。
摘要由CSDN通过智能技术生成
	 <div id="box" >
         <div id="test">
              <li> <span data-type="1">10</span></li>
              <li> <span data-type="2">>20</span></li>
              <li> <span data-type="3">>30</span></li>
              <li> <span data-type="4">>40</span></li>
              <li> <span data-type="5">>50</span></li>
          </div>
      </div>

	$('.ks').live('click', function() {
            // 遍历数据,这里直接指明遍历对象,不用指向父集再查找子级
           	/**  $.each($("#test"),function() {
            	// 这样查找元素很麻烦
            	$(this).childen('li span')
            }) **/
			
			// 下面是正确做法
            $.each($("#test li span"), function (index, item) {
                var num = parseInt($(this
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值