
$("#table tr")click(
$(this)child("td:eq(0)")//你试试这个。
each($(this)find("td"),function(){if($(this)index()==0){alert("我是这行里面第一个td");}})//两个找第一个td
找到td后,
$tdfind(":check")//获取td中check空间。
$tdfind(":check")attr("checked",true);//设置为true,如果不好使,就设置成
attr("checked","checked");
);
既然已预知共有3个标签,且这3个标签都有共同的特性(包含li,li可能会有class为on的属性值),可以使用jQuery直接判断它们的数量,如果存在3个li的class带有on属性值的话,就是成功了。举例如下:
HTML代码:
<ul class="nav_q1"><li class="on">我是第一题</li>
</ul>
<ul class="nav_q2">
<li class="on">我是第二题</li>
</ul>
<ul class="nav_q3">
<li class="on">我是第三题</li>
</ul>
JavaScript代码:
if ($('nav_q1, nav_q2, nav_q3')find('lion:first')length == 3) {alert('验证通过');
}else{
alert('第' + ($('nav_q1, nav_q2, nav_q3')find('li:not("on")')first()parent('ul')index() + 1) + '题没有选');
}
//第一行中lion:first带有一个:first是为了防止同一个父元素下多个li标签存在class的on属性。只计算一个。
//如果每个父元素下都有lion那么就是成功了。
//在else中提醒未选的那条语句的li:not("on")是去寻找父元素下class不包含on的li标签。后面的first()是获取第一个被匹配的li标签。
这样处理的话,只是一行if语句就结果问题了。
代码已在本地测试过,可以提示验证通过或者某一个题未选。
:first-child 选择器被用来选择父标签的第一个子标签,此是:nth-child(1)的简便形式。
例如:
$(‘li:first-child’)—用来选择所有li的父标签的第一个li子标签。
$(‘tr:first-child’)—类似。
:last-child 选择器被用来选择它们父标签的中的最后一个匹配的子匹配。
例如:
$(‘li:last-child’)—选择所有li父标签中的最后一个li子标签。
$(‘tr:last-child’)—类似。
官方API是这么说的
':first' 只匹配一个元素,而此选择符将为每个父元素匹配一个子元素
例如
<ul>
<li>John</li>
<li>Karl</li>
<li>Brandon</li>
</ul>
<ul>
<li>Glen</li>
<li>Tane</li>
<li>Ralph</li>
</ul>
jQuery 代码:$("ul li:first-child")
结果:[ <li>John</li>, <li>Glen</li> ]
eq() 就是循环取值, 取0的话 就是 页面的第一个节点了
如果name 是 第一个 eq(0) = ("input:first")
eq(0)可以取到任意的值,first只能去到 某节点下的第一个值。 各有不同的用法。
jQuery手册中这样写道:
$(expression, [context])
expression String 用来查找的字符串
context (可选) Element, jQuery 作为待查找的 DOM 元素集、文档或 jQuery 对象。
那么,你可以这样获取:
$('img:first-child', this)attr('src');
--------------------------------------
或者用原生js:
var a = documentgetElementById('my')getElementsByTagName('a');
var src = [];
for(var i=0;i<slength;i++){
srcpush(a[i]getElementsByTagName('img')[0]src);
}
以上就是关于点击表格内一行,jquery获得此行第一个的input的value全部的内容,包括:点击表格内一行,jquery获得此行第一个的input的value、jquery 关于循环判断的问题、jquery first-child 和 last-child 用法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)