jquery 获取同胞元素中的最后一个

$('#1')parent()find('>li:last')css('background-color', 'red');

这样用 > 号获取最接近的子元素

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

1、首先，打开html编辑器，新建html文件，例如：indexhtml，输入问题基础代码。

2、在indexhtml中的<script>标签中，输入js代码：$('body')append($('body')css('z-index'));。

3、浏览器运行indexhtml页面，此时成功打印出了z-index的值。

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获取除某指定对象外的其他对象

not()

遍历方法

从匹配元素集合中移除元素

:not()

选择器

选取除了指定元素以外的所有元素。

<ul>

<li>list

item

1</li>

<li>list

item

2</li>

<li

id="unwanted">list

item

3</li>

<li>list

item

4</li>

<li>list

item

5</li>

</ul>

获取ul中除

id="unwanted"

的其他所有

li

$('li:not(#unwanted)')css('background',

'red');

$('li')not('#unwanted')css('background',

'red');

总结

以上所述是小编给大家介绍的jQuery

获取除某指定对象外的其他对象

(

:not()

与not())，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:jQuery判断指定id的对象是否存在的方法Jquery

获取指定标签的对象及属性的设置与移除

如下代码可以实现点击页面获得被点击元素的id

$(document)click(function(e) { // 在页面任意位置点击而触发此事件

  $(etarget)attr("id");       // etarget表示被点击的目标

})

示例代码如下

创建Html元素

<div class="box">

<span>点击页面后，设置被点击元素背景色并获取其id：</span><br>

<div class="content" id = "test">test

<div id = "test1">test1

<div id = "test2">test2

<div id = "test3">test3</div>

</div>

</div>

</div>

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

divcontent div{min-width:20px;min-height:20px;padding:30px;border:1px solid #446699;background:#ffffff;}

bg{background:#ff99cc !important;}

编写jquery代码

$(function(){

$(document)click(function (e) {

$(etarget)addClass('bg');     // 设置背景色

alert($(etarget)attr('id'));  // 获取id

})

})

观察效果

初始状态

点击id为test2的div

可以通过很多方式获取：id,name,class等都可以获取

$("#id")attr("自定义属性")

$("input[name="名称"]")attr("自定义属性")

$("class")attr("自定义属性")

模式就是这样的

<style>

container {

}

blue {

height: 30px;

width: 60px;

background: burlywood;

margin-bottom: 1px;

}

</style>

<div class="container">

<div class="blue"></div>

<div class="blue"></div>

<div class="blue"></div>

<div class="blue"></div>

<div class="blue"></div>

<div class="blue"></div>

</div>

<script>

$(document)ready(function(){

$("blue:first")css("background","red");

});

</script>

很简单吧，举一反三，好好加油

这样：

<script type="text/javascript">

     $(function () {

         $("#div1")next()addClass("am-active"); 获得div1的下一个元素

         $("#div1")next()find("dd")addClass("am-in");   获得div1下一个元素的 指定子元素

})     

 </script>

扩展资料：

注意事项

通常，选择一个元素很简单，$("#id")就可以搞定，但是如果想选择某个id为x1的div下的某个id为x2的元素就很困难了，可以通过用find来解决这个问题。

例如：

html代码如下：

<div id="test">

  <div id="div1">第一行</div>

  <div id="div2">

      <p id="p1">第1行</p>

      <p id="p2">第2行</p>

      <p id="p3">第3行</p>

  </div>

  <div id="div3">第三行</div>

</div>

以上就是关于jquery 获取同胞元素中的最后一个全部的内容，包括:jquery 获取同胞元素中的最后一个、jquery 怎么获取CSS中属性值的数值。、jquery中怎么获得当前元素的索引值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！