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

[maloneleo88]

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">');

[FEDT]

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

[FEDT]

@FEDT 漏了 siblings()

[maloneleo88]

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

[dallaslu]

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

[TomatoYuyuko]

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

[twinsdestiny]

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

[maloneleo88]

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

[TomatoYuyuko]

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

}

)

[maloneleo88]

@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]

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

[twinsdestiny]

@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]

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

[TomatoYuyuko]

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

[maloneleo88]

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

[twinsdestiny]

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

[maloneleo88]

@twinsdestiny 谢谢 学习了 😊

[lin07hui]

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