如何获取jQuery集合的某一项

如何获取jQuery集合的某一项,第1张

三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。

其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。

$(document)ready(function(){

$("div p")first();//获取第一个<div>中的第一个<p>

$("div p")last();//获取最后一个<div>中的最后一个<p>

$("p")eq(1);//获取所有<p>中的第二个<p>

$("p")filter("demo");//返回带有demo类名的所有<p>

$("p")not("demo");//返回不带有demo类名的所有<p>

$("p")parent();//返回<p>的直接父元素;

$("p")parents();//返回<p>的所有祖先

$("p")parentsUntil("div");//返回<p>与<div>间的所有祖先

$("div")children();//返回<div>的直接子元素

$("div")find();//返回<div>的所有后代

$("h1")siblings();//返回<h1>的所有兄弟元素

$("h1")next();//返回<h1>的下一个同胞元素

$("h1")nextAll();//返回<h1>后面的所有同胞元素

$("h1")nextUntil("h6");//返回<h1>与<h6>间的所有同胞元素

prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素

});

:even

$("tr:even")

所有偶数

<tr>

元素

:odd

$("tr:odd")

所有奇数

<tr>

元素

建议

找不到东西的时候

w3c

查查手册

我实在不知道你是什么意思,大概写了下

<script>

$(document)ready(function

(){

$("input:checkbox")each(function

(){

$(this)click(function

(){

if

(

$(this)attr('checked')

){

$('tr')eq(parseInt($(this)val()))hide();

}else{

$('tr')eq(parseInt($(this)val()))show();

}

});

});

});

</script>

<input

type="checkbox"

value="0"/>

<input

type="checkbox"

value="1"/>

<input

type="checkbox"

value="2"/>

<table

width="200"

border="1">

<tr>

<td>1</td>

<td> </td>

<td> </td>

</tr>

<tr>

<td>2</td>

<td> </td>

<td> </td>

</tr>

<tr>

<td>3</td>

<td> </td>

<td> </td>

</tr>

</table>

首先获取时间对应的毫秒数。例如:var date1 = new Date(DateUTC(2005,4,5,17,55,55))

var date2 = new Date(DateUTC(……))

分别解释下括号里面的6个参数 :

第一个 年份;

第二个:月份,(月份是从0-11)因此表示5月份

第三个:日期 5号

第四个:17代表下午5点(24小时制,0-23)

第五个:分(0-59)

第六个 :秒(0-59)

前两个参数 年份、月份是必填参数,其他可选填,默认为0;

var result = date2-date1

获取到时间差的毫秒数。然后经过数学计算获得 对应的 小时 分钟 秒;

你好!

获取同辈的元素,有个siblings()方法,这个可以获取到同级的所有元素;

还有prev()、next()分别获取之前和之后的元素,这是取向前或向后的一个元素;

prevAll()、nextAll()是获取之前和之后的所有同级元素;

<ul>

   <li>list item 1</li>

   <li>list item 2</li>

   <li class="third-item">list item 3</li>

   <li>list item 4</li>

   <li>list item 5</li>

</ul>

$("lithird-item")siblings(); //可以获取4个li元素

$("lithird-item")prev();   //取得item2

$("lithird-item")next();   //取得item4

$("lithird-item")prevAll();  //取得item1 itme2

$("lithird-item")nextAll();  //取得item4 item5

还有种方式就是通过siblings()方法获取到同级元素后,使用eq()方法定位元素

var $lis = $("li:last")siblings();

$liseq(0)

希望对你有帮助!

$('select[id^=ids]')

用属性选择器:>

以上就是关于如何获取jQuery集合的某一项全部的内容,包括:如何获取jQuery集合的某一项、jquery获取ul下的第1,3,5,7,9个li、JQuery 获取表格对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存