jq简单遍历对象

最新推荐文章于 2022-04-02 14:10:49 发布

小调调hxy

最新推荐文章于 2022-04-02 14:10:49 发布

阅读量916

点赞数

分类专栏：学习

本文链接：https://blog.csdn.net/u014185792/article/details/21699487

版权

学习专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<html>
<head>
    <script src="Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript">

$(document).ready(function(){
 
  $("#show").click(function(){
  
      //遍历对象并改变对象内容字体颜色
      $("li").each(function (indext, element) {
          //弹窗对象内容
          alert(($(this).index() + 1) + ":" + $(element).get(0).innerText);
          //设置对象内容字体颜色
          $(this).css("color","blue");
      });

  });
});


</script>


</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>


<h3>图书种类</h3>
<ul type="circle">
	<li >计算机类</li>
	<li>教材类</li>
	<li>杂志类</li>
	<li id = "my_love">文学类</li>
</ul>

<h3>运动</h3>
<ol >
	<li>篮球</li>
	<li>足球</li>
	<li>羽毛球</li>
	<li class = "my_love" title="sport">乒乓球</li>
</ol>

<ul>
	<li id="foo">foo</li>
	<li id="bar">bar</li>
</ul>


<button id="hide" type="button">隐藏</button>
<button id="show" type="button">显示</button>

</body>
</html>

This is a heading

This is a paragraph.

This is another paragraph.

图书种类

计算机类
教材类
杂志类
文学类

运动

篮球
足球
羽毛球
乒乓球

小调调hxy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq简单遍历对象

$(document).ready(function(){ $("#show").click(function(){ //遍历对象并改变对象内容字体颜色 $("li").each(function (indext, element) { //弹窗对象内容 alert(($(this).index() + 1) + ":"
复制链接

扫一扫