在jQuery中使用索引每个方法

时间:2017-12-05 17:05:06

标签: jquery

我使用jQuery each方法进行以下循环。我试图利用循环索引来确保标记中的复选框和标签具有正确的动态内容。在每次传递时,我都会将索引附加到类名,然后根据新修改的类名将值和文本内容分配给相应的元素。是否有更简单或更简洁的方法来解决这个问题? '经理'在这种情况下,包含I' m迭代的项目的文本和值属性。

$(Managers).each(function (index) {
    $('.chk-hr').attr('class', 'chk-hr-' + index);
    $('.chk-hr-' + index).attr("value", this.Text);
    $('.lbl-hr').attr('class', 'lbl-hr-' + index);     
    $('.lbl-hr-' + index).text(this.Text);
});

期望的输出:

<input class="chk-hr-0" value="Bob">
<span class="lbl-hr-0">Bob</span>
<input class="chk-hr-1" value="John">
<span class="lbl-hr-1">John</span>

1 个答案:

答案 0 :(得分:1)

根据@ClaytonLeis的建议,.eq帮助我简化了这个循环:

$(Managers).each(function (index) {
    $('.chk-hr').eq(index).attr("value", this.Text);
    $('.lbl-hr').eq(index).text(this.Text);
});