[求助] 这段代码错在哪里了? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a Javascript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
Javascript 权威指南第 5 版
Closure: The Definitive Guide
maloneleo88
V2EX    Javascript

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

  •  
  •   maloneleo88 2021-04-20 12:38:18 +08:00 2843 次点击
    这是一个创建于 1637 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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 条回复    2021-04-21 10:23:12 +08:00
    FEDT
        1
    FEDT  
       2021-04-20 12:45:17 +08:00 via iPhone
    循环里写$(".th-bg:first").eq(i).children
    FEDT
        2
    FEDT  
       2021-04-20 12:46:06 +08:00 via iPhone
    @FEDT 漏了 siblings()
    maloneleo88
        3
    maloneleo88  
    OP
       2021-04-20 12:49:12 +08:00
    @FEDT eq 是什么意思? 上面已经定义变量 g 了呀, 还要重写?
    dallaslu
        4
    dallaslu  
       2021-04-20 13:23:14 +08:00
    $('g[i]') 应该写成 $(g[i]) ?
    TomatoYuyuko
        5
    TomatoYuyuko  
       2021-04-20 13:42:17 +08:00
    好久没用 jq 了我没记错的话,children 是个数组,你对他操作一次只能 append 第一个,你想要集体操作需要写个循环。
    而且这个思路也不好,加那么多监听,你不如父元素事件委托,然后通过制定元素的 class 判断进行某种操作
    twinsdestiny
        6
    twinsdestiny  
       2021-04-20 13:42:19 +08:00
    不是用 g[i]遍历,用 eq(i)遍历
    maloneleo88
        7
    maloneleo88  
    OP
       2021-04-20 13:42:22 +08:00
    @dallaslu 不行呀 , 话说怎么不翻墙都上不了论坛了呢
    TomatoYuyuko
        8
    TomatoYuyuko  
       2021-04-20 13:44:58 +08:00
    // todo 对$('g[i]').children("td:first")循环添加 class"first"
    $($('g[i]')).on(
    // todo ....
    if(e.target.class.includes('first')){

    }

    )
    maloneleo88
        9
    maloneleo88  
    OP
       2021-04-20 13:47:52 +08:00
    @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
        10
    maloneleo88  
    OP
       2021-04-20 13:57:53 +08:00
    @TomatoYuyuko 先给每第一个子元素加上类名, 然后给有 class 类名的直接加按钮 是这思路嘛?
    twinsdestiny
        11
    twinsdestiny  
       2021-04-20 14:00:46 +08:00
    @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
        12
    TomatoYuyuko  
       2021-04-20 14:03:30 +08:00
    全部加按钮,按钮共用一个父级的监听事件,参考 js 里的事件委托。
    至于你代码的错误是因为“.children("td:first").append(” 行不通,append 只能一个一个来
    @maloneleo88
    TomatoYuyuko
        13
    TomatoYuyuko  
       2021-04-20 14:04:39 +08:00
    @TomatoYuyuko 哦我看错了,没看到:first,那就是一个没错
    maloneleo88
        14
    maloneleo88  
    OP
       2021-04-20 15:58:42 +08:00
    @twinsdestiny 可以了, 请问为什么要加.eq
    twinsdestiny
        15
    twinsdestiny  
       2021-04-20 16:23:34 +08:00   3
    @maloneleo88
    g.eq(i) 其实跟 $(g[i]) 是差不多意思
    g 是一个 jquery 对象,要使用 eq 来选择第几个元素,这样选出来的元素能够继续使用 jquery 操作,而不是直接选取数组第几个元素
    g[i]是选取了其中第 i 个 dom 对象,不能直接使用 jquery 操作,要想使用 jquery 操作,需要加$(g[i]),是不需要加''分号的,$('g[i]')没有这样用的
    maloneleo88
        16
    maloneleo88  
    OP
       2021-04-20 16:25:03 +08:00 via Android
    @twinsdestiny 谢谢 学习了
    lin07hui
        17
    lin07hui  
       2021-04-21 10:23:12 +08:00
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1358 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 17:07 PVG 01:07 LAX 10:07 JFK 13:07
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86