jquery 如何取得当前所选元素的下标和内容

这样可以实现：

$('#test li')each(function(i,item){

$(item)click(function(){

if ($(this)is($('#test li')eq(i))){

consolelog(i); //下标

consolelog($(this)text()); //内容

}

});

});

function a(){//todo}

希望对你又所帮助。

可以通过类名的不同，比如

<ul>

<li class=“li”>第一个子元素</li>

<li class=“li spe”>第二个子元素</li>

<li class=“li”>第三个子元素</li>

</ul>

可以使用$("ul")children("spe")来获得第二个子元素

也可以找到是第几个使用$("ul")find("li")eq(1)找到第二个子元素

如果是不一样的子元素，比如

<div class="mydiv">

<p>第一个子元素</p>

<div>第二个子元素</div>

<a>第三个子元素</a>

</div>

获取p标签$("mydiv")find("p")或者$("mydiv")children("p");

通过children方法，children("input:first-child")

1

2

$(this)children("input:first-child")val();

$(this)children("input:last-child")val();

通过>选择器，$("items>input:first")

在这里转一篇《jQuery选择元素的方法大全》>

首先就你本身写的这个东西，应该是没法匹配到正确的结果的。

理由：#id 已经是唯一指定了。怎么还会有eq(0）

其次eq(n)是指匹配到的同类之后的滴n-1个元素

比如

<div class="bb">a</div>

<div class="bb">b</div>

<div class="bb">c</div>

<div class="bb">d</div>

$("bb:eq")匹配的结果就是上面所有的DIV。

而

$("bb:eq(1)")表示第二个DIV（数组的下标是从0开始的）

那要分2步吧，1 先判断li 里面是否有class 根据 jquery 的 attr 得到属性值 var liclass= $("#addMod li")attr("class"); 判断liclass 是否有值 如果有 var index=$(this)indexOf(); 大概思路是这样 你瞅瞅

jquery的 :contains 选择器可用于选取包含指定字符串的元素，例如

$("table tr td:contains(5)")   // 选择所有内容等于5的单元格

实例演示：设置内容等于的单元格的背景色

创建Html元素

<div class="box">

<span>点击按钮为内容为5的单元格添加背景色：</span><br>

<div class="content">

<table>

<tbody>

<tr><td>5</td><td>2</td><td>5</td></tr>

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

<tr><td>5</td><td>8</td><td>5</td></tr>

</tbody>

</table>

</div>

<input type="button" value="为内容为5的单元格添加背景色">

</div>

设置css样式

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;}

selected{background:#99ccff;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){

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

$("table tr td:contains(5)")addClass('selected');

});

})

观察效果

初始样式

点击按钮之后

jQuery 的 index() 方法返回指定元素相对于其他指定元素的索引值，注意：索引值是从0开始计数的。获得当前元素的索引值可用click事件触发

示例代码如下：获取被点击的a标签的索引值

1，创建Html元素

2，设置css样式

3，编写jquery代码

4，观察效果：因为index从0开始计数，所以点击第三个元素，获取的索引值是2

扩展资料

jQuery的核心特性：

1，具有独特的链式语法和短小清晰的多功能接口；

2，具有高效灵活的css选择器，并且可对CSS选择器进行扩展；

3，拥有便捷的插件扩展机制和丰富的插件。

4，jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。

参考资料：

jQuery - 百度百科

以上就是关于jquery 如何取得当前所选元素的下标和内容全部的内容，包括:jquery 如何取得当前所选元素的下标和内容、如何使用jQuery获取一个元素下面，满足某个条件的子元素、jquery如何获取第一个或最后一个子元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！