jquery - 使用jquery动态设置递增的链接id？

Question

我刚刚开始使用 jquery。

我有 3 个带有 .linkCol 类的 div，每个 div 都包含很多链接。

我一直在手动设置链接的 id，但我知道这将来会成为一个问题。

如果你看看我到目前为止所拥有的内容，我必须手动向我的所有链接添加一个 ID。

var ttlLinks = $(".linkCol li").size();

   for(i=1; i<ttlLinks;i++){
        $('#'+i).click(function() {
        hide(this);
    });
   }

所以，我想选择所有链接，循环遍历它们并给每个链接一个单独的 id。我该怎么办？ 干杯 尼尔

编辑:

嗨， 我将发布我所有的jquery，以便您可以看到我想要做什么。希望这样会更有意义:

$(函数(){

$('.txtToggle').hide(); // hide all text areas
$('#txt1').show(); //show the 1st one

var ttlLinks = $(".linkCol a").size();

for(i=1; i<=ttlLinks;i++){ $('#'+i).click(function() {//我已经手动设置了每个链接 id，我希望这是动态完成的 隐藏(这个)； }); }

function hide(me){
    $('.txtToggle').hide(); // hide all text boxes
    var id      = $(me).attr('id');
    var showDiv = '#txt'+ id;
    $(showDiv).show(); // show the one needed
}

});

为了使其正常工作，我必须为页面上的每个链接提供 1、2、3、4、5 等 id，因为该值稍后用于选择正确的内容 div。有更好的方法吗？它是一个简单的显示隐藏，但有很多东西可以显示和隐藏!

Answer 1

您可以使用 jQuery 的 each 方法:

$('.linkCol li').each(function(index) {
    $(this).attr('id', index)
           .click(function() { ... });
});