jquery如何获取子标签的ID值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery如何获取子标签的ID值相关的知识,希望对你有一定的参考价值。

参考技术A

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。

2、在index.html中的<script>标签,输入jquery代码:

$('body').append($('.top1div span').attr('id'));

3、浏览器运行index.html页面,此时成功获取到了top1div类中span标签的id并打印了出来。

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>

  

以上是关于jquery如何获取子标签的ID值的主要内容,如果未能解决你的问题,请参考以下文章

jquery怎么获取当前标签下的子标签

jquery 如何设置video标签的时间!

已知子元素时如何在jQuery中获取父元素?

Jquery如何选取元素及其所有子元素?

如何获取jquery easyui Tree的 (1)某一节点下的所有子节点,(2)某节点下的一级节点

MUI框架如何获取当前标签的子标签