jquery 请问我怎么获得每个ul的第 二个 或者第三格li元素呢

jquery 请问我怎么获得每个ul的第 二个 或者第三格li元素呢,第1张

<ul>

    <li>第1个</li>

    <li>第2个</li>

    <li>第3个</li>

    <li>第4个</li>

</ul>使用eq选择器获取

语法:$(":eq(index)") index值从0开始。

获取第二个 $("ul li:eq(1)")

获取第三个 $("ul li:eq(2)")

jquery 还有很多有趣的选择器,可百度“jquery选择器大全”查看资料

css的选择器 nth-child(N) 用于匹配属于其父元素的第 N 个子元素,因此获取table的某列可用如下核心代码

1

$("table tr")find("td:nth-child(n)"); // 获取table所有行第一列

实例演示:点击按钮获取第一列中含有字符1的行标

创建Html元素

1

2

3

4

5

6

7

8

9

10

11

<div class="box">

<span>点击按钮获取第一列中含有字符1的行标:</span>

<div class="content">

<table class="test">

<tr><td>1</td><td>2</td><td>3</td></tr>

<tr><td>4</td><td>5</td><td>6</td></tr>

<tr><td>71</td><td>8</td><td>9</td></tr>

</table>

</div>

<input type="button" value="获取第一列含有字符1的行">

</div>

设置css样式

1

2

3

4

5

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

table{border-collapse:collapse;}

td{width:30px;height:30px;line-height:30px;text-align:center;border:1px solid green;}

编写jquery代码

1

2

3

4

5

6

7

8

$(function(){

$("input:button")click(function() {

num = $("tabletest tr")find("td:nth-child(1)")map(function(index, elem) {

return $(elem)html()indexOf("1")>=0 index+1 : null;

})get()join(',');

alert("第一列中包含字符1的行为:"+num);

});

});

你好!

是想要获取有style属性的元素的位置么?

如果这样的话,可以使用如下代码:

$(function(){

    alert(      

         //$("divshpa")为所有class为sh pa的div对象集合

         $("divshpa")  index(        

                 //含有style属性且class为sh pa的div元素

                 $("divshpa[style]")

          )

    );

});

或者直接通过循环处理:

$(function(){

         $("divshpa")each(function(index){

                 //不含有style属性的div元素会返回一undefined值

                 if(typeof($(this)attr("style"))!="undefined"){

                        alert(index);

                        return false;

                 }

          });

});

以上的索引都是从0开始。

以上就是关于jquery 请问我怎么获得每个ul的第 二个 或者第三格li元素呢全部的内容,包括:jquery 请问我怎么获得每个ul的第 二个 或者第三格li元素呢、jquery怎样获得table里某列的值、jquery怎么判断第几个元素含有特定样式,希望是输出2,找到是第2个li,我写的都不行等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9315999.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存