点击表格内一行,jquery获得此行第一个的input的value

点击表格内一行,jquery获得此行第一个的input的value,第1张

$("#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 用法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9802921.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存