[求助] 这段代码错在哪里了？

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 1849 days ago, the information mentioned may be changed or developed.

g = $(".th-bg:first").siblings();
for (var i = 0; i< g.length; i ++)
{$('g[i]').children("td:first").append('<input type="button" value="BTTS">')};

我想给 th-bg 所有兄弟标签的第一个子标签增加一个按钮事件。这里哪里写错了呀？

下面这样是可以的，但是只能增加第一个，为什么？？求解
$(".th-bg:first").siblings().children("td:first").append('<input type="button" value="BTTS">');

17 replies • 2021-04-21 10:23:12 +08:00

FEDT

Apr 20, 2021 via iPhone

循环里写$(".th-bg:first").eq(i).children

FEDT

Apr 20, 2021 via iPhone

@FEDT 漏了 siblings()

maloneleo88

Apr 20, 2021

@FEDT eq 是什么意思？上面已经定义变量 g 了呀，还要重写？

dallaslu

Apr 20, 2021

$('g[i]') 应该写成 $(g[i]) ?

TomatoYuyuko

Apr 20, 2021

好久没用 jq 了我没记错的话，children 是个数组，你对他操作一次只能 append 第一个，你想要集体操作需要写个循环。
而且这个思路也不好，加那么多监听，你不如父元素事件委托，然后通过制定元素的 class 判断进行某种操作

twinsdestiny

Apr 20, 2021

不是用 g[i]遍历，用 eq(i)遍历

maloneleo88

Apr 20, 2021

@dallaslu 不行呀，话说怎么不翻墙都上不了论坛了呢

TomatoYuyuko

Apr 20, 2021

// todo 对$('g[i]').children("td:first")循环添加 class"first"
$($('g[i]')).on(
// todo ....
if(e.target.class.includes('first')){

}

)

maloneleo88

Apr 20, 2021

@twinsdestiny 彻底蒙圈

for (var i = 0; i< g.length; i ++)
{$(".th-bg:first").siblings().eq(i).children("td:first").append(\'<input type="button" value="BTTS">\')};

？？

maloneleo88

Apr 20, 2021

@TomatoYuyuko 先给每第一个子元素加上类名，然后给有 class 类名的直接加按钮是这思路嘛？

twinsdestiny

Apr 20, 2021

@maloneleo88
var g = $(".th-bg:first").siblings();
for (var i = 0; i < g.length; i++)
{
g.eq(i).children("td:first").append('<input type="button" value="BTTS">')
};

TomatoYuyuko

Apr 20, 2021

全部加按钮，按钮共用一个父级的监听事件，参考 js 里的事件委托。
至于你代码的错误是因为“.children("td:first").append(” 行不通，append 只能一个一个来
@maloneleo88

TomatoYuyuko

Apr 20, 2021

@TomatoYuyuko 哦我看错了，没看到:first，那就是一个没错

maloneleo88

Apr 20, 2021

@twinsdestiny 可以了，请问为什么要加.eq

twinsdestiny

Apr 20, 2021

@maloneleo88
g.eq(i) 其实跟 $(g[i]) 是差不多意思
g 是一个 jquery 对象，要使用 eq 来选择第几个元素，这样选出来的元素能够继续使用 jquery 操作，而不是直接选取数组第几个元素
g[i]是选取了其中第 i 个 dom 对象，不能直接使用 jquery 操作，要想使用 jquery 操作，需要加$(g[i])，是不需要加''分号的，$('g[i]')没有这样用的

maloneleo88

Apr 20, 2021 via Android

@twinsdestiny 谢谢学习了 😊

lin07hui

Apr 21, 2021

https://api.jquery.com/eq/