jquery点击获取子元素ID值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<body>
<li class="category-item">
    <h2> 软件开发
    <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
    </h2>
    <div class="category-item-box">
      <div class="category-dl">
        <dl>
            <dt>
              <h3>应用软件开发</h3>
            </dt>
            <dd>
              <a href="/home/project/index/cid/4053" id="4053">企业软件(ERP)</a>
              <a href="/home/project/index/cid/4054" id="4054">办公自动化OA系统</a>
              <a href="/home/project/index/cid/4055" id="4055">客户关系管理(CRM)</a>
              <a href="/home/project/index/cid/4056" id="4056">CMS系统开发</a>
            </dd>
        </dl>
        <dl>
            <dt>
              <h3>软件插件开发</h3>
            </dt>
            <dd>
              <a href="/home/project/index/cid/4059" id="4059">浏览器插件</a>
              <a href="/home/project/index/cid/4060" id="4060">网站插件</a>
              <a href="/home/project/index/cid/4061" id="4061">播放器插件</a>
              <a href="/home/project/index/cid/4062" id="4062">应用插件</a>
            </dd>
        </dl>
      </div>
    </div>
  </li>
<script type="text/javascript">
<!--
$(document).ready(function(){

	$(".category-item h2").click(function(){
	var len = $(".category-dl dd").children().size()//获取H2下的a标签个数
	var arr = [];
	for(var index = 0; index < len-1; index++){//创建一个数字数组
	arr[index] = index;
	}
	$.each(arr, function(i){//循环得到不同的id的值
	var idValue = $(".category-dl dd").children().eq(i).attr("id");
	if(idValue != ‘‘){
	alert(idValue);
	}
	});
	});
})

//-->
</script>
</body>
</html>

  

时间: 2024-10-10 16:10:36

jquery点击获取子元素ID值的相关文章

二、vue学习--父元素如何获取子元素的值,子元素如何获取父元素的值

下图是父元素: 下图是子元素,获取父元素的值,使用props定义属性,这样就可以获取到父元素上传过来的set .place.type,拿到值就可以做一些自己的逻辑处理 二.子元素给父元素传值? 下图为子元素将值传递出去的方式,使用emit将值公布给父元素,见下图: 父元素需要接受子元素给的值,在父元素中相应的要有propMethods属性,这个属性可以使用v-on的方式绑定,也可以使用@propMethods的方式,见下图: 上图中的login是处理事件,这里点击按钮时需要子元素来触发事件,所以

jquery获取子元素

Jquery获取子元素的方法有2种,分别是children()方法和find()方法. 下面我们分别来使用这两种方法,看看它们有何差异. children()方法:获取该元素下的直接子集元素 find()方法:获取该元素下的所有(包括子集的子集)子集元素 分别以以下HTML代码为例: <ul> <li>list1 <ul> <li>list1-1</li> <li>list1-2</li> </ul> <

jquery data方法获取某个元素上事件

获取某个元素上的事件,jquery的给元素绑定的事件可以用data方法取出来. 通过$(element).data("events")来获取 // 比如给一个button绑定两个click事件 $("button").click(function() { alert("1") }); $("button").click(function() { alert("2") }); // 这个时候点击该button

获取子元素节点(children,childNodes)

在js中获取元素节点有DOM对应的方法如getElementsByTagName()等等..对于获取子元素还有另外一种获取方法ChildNodes 不过ChidNodes在高级浏览器除(IE6-8)里面来说是"不太正常"的,因为它除了获取到了元素节点的同时也获取到了文本节点,这就是传说中的买一送一?不过,这个送一的活动咱们不想要的时候可以和nodeType结合,就可以进行筛选.代码如下 当然,这个判断是针对高级浏览器.IE6-8是不要进行nodeType的判断的,因为它本来获取的就是只

jquery 点击当前input元素对象获取下一个input对象

<div class="apps_container"> <input type="hidden" value="00070008"  onclick="more(this);" /> <input type="hidden" value="100000001811" id="columId" /> </div> <

jquery获取当前元素索引值index()方法(总结)

jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数. 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置.如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置.如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置.如果找不到匹配的元素,则返回-1. 1 <ul> 2 <li id="foo">foo<

获取可见元素的子元素的值

html代码片段: <tr>     <td class="td1">图片分类</td>     <td class="td2">         <select class="c333 sel" name="type" id="type_p"><!--js通过此select选择下面的一个li显示,另一个隐藏-->           

jquery 获取子元素的限制jquery

今天练习jqueryAPI发现一个问题就是子元素如果采用nth-child,元素不同就获取不到,因此一个父元素下的子元素标签必须相同,如果不同第一个元素可以用这个方法实现,但是如果第二元素及以后如果出现不同的元素就会获取不到了.如下: <div> <p>1</p> <a href="">123</a> <p>2</p></div> 采用$('div p:nth-child(1)').css(

[转]结合HierarchyViewer和APK文件反编译获得APP元素id值

背景: 最近在使用Robotium进行Android自动化测试.遇到了一个问题:我需要获得一个View的id(int型数值).此前我在http://maider.blog.sohu.com/255448342.html和http://maider.blog.sohu.com/255485243.html两篇文章中讲述了如何打开手机上的View Server来使用HierarchyViewer.HierarchyViewer对查看UI组件固然有帮助,但要想获取一个元素的id还是不行的.请看下图: