jquery中获取当前元素的索引，用index(this) 方法：
举例：
$("li")hover(function(){
alert($("li")index(this)); //打印当前li的位置
});
$('#id')siblings() 当前元素所有的兄弟节点
$('#id')prev() 当前元素前一个兄弟节点
$('#id')prevaAll() 当前元素之前所有的兄弟节点
$('#id')next() 当前元素之后第一个兄弟节点
$('#id')nextAll() 当前元素之后所有的兄弟节点
这三个方法都可以添加选择器，给出选择条件，就能找到你指定的兄弟节点了。
扩展资料
1、jquery 获取元素(父节点,子节点,兄弟节点)
$("#test1")parent(); // 父节点
$("#test1")parents(); // 全部父节点
$("#test1")parents("mui-content");
$("#test")children(); // 全部子节点
$("#test")children("#test1");
$("#test")contents(); // 返回#test里面的所有内容，包括节点和文本
$("#test")contents("#test1");
$("#test1")prev(); // 上一个兄弟节点
$("#test1")prevAll(); // 之前所有兄弟节点
$("#test1")next(); // 下一个兄弟节点
$("#test1")nextAll(); // 之后所有兄弟节点
$("#test1")siblings(); // 所有兄弟节点
$("#test1")siblings("#test2");
$("#test")find("#test1");
2、元素筛选
// 以下方法都返回一个新的jQuery对象，他们包含筛选到的元素
$("ul li")eq(1); // 选取ul li中匹配的索引顺序为1的元素(也就是第2个li元素)
$("ul li")first(); // 选取ul li中匹配的第一个元素
$("ul li")last(); // 选取ul li中匹配的最后一个元素
$("ul li")slice(1, 4); // 选取第2 ~ 4个元素
$("ul li")filter(":even"); // 选取ul li中所有奇数顺序的元素
这是你现在的结构；建议星星图标可以用作背景；
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript" src=";
最好的方式是把处理一下作为ul的背景图，通过点击li获取索引值来改变ul的背景位置；不能上传附件了。。还是上代码吧。。
<!DOCTYPE HTML><html>
<meta ;
附上素材
你好！
是想要获取有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 中使用 text() 或者 html() 函数可以获取td的内容：
$("td")text(); // 或者 $("td")html();
二者区别在于前者返回所选元素的文本内容，后者返回所选元素的内容（包括 HTML 标记）。
下面实例演示：点击按钮后获取所有选中行的td单元格的内容
1、HTML结构
<table id = "test">
<tr><td><input type="checkbox" name="test"></td><td>1</td></tr>
<tr><td><input type="checkbox" name="test"></td><td>4</td></tr>
<tr><td><input type="checkbox" name="test"></td><td>7</td></tr>
<tr><td><input type="checkbox" name="test"></td><td>10</td></tr>
</table>
<input type="button" value="确定">
2、jquery代码
$(function(){
$(":button")click(function() {
str = $(":checkbox:checked")map(function() {
return $(this)parent()siblings('td')text(); // 根据checkbox定位到后面的td，然后使用text()函数获取内容
})get()join(", "); // 获取内容数组并拼接为字符串
alert(str); // 输出
});
});
以上就是关于jquery live或者on 这些写法，怎么获取当前点击元素的val（）值全部的内容，包括:jquery live或者on 这些写法，怎么获取当前点击元素的val（）值、jquery如何获取某一个兄弟节点，不是全部的，是指定的兄弟节点、jquery点击一个事件更换图片，在点击更换回来等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）