Increment id jquery

本文关键字：jquery id Increment 更新时间：2023-09-26

我有一个复选框，这是一个div改变类，如果它被点击。它以check unchecked为类开始。如果它被点击，我们添加checked类来改变背景。

我给这个div添加了一个id;从check0开始，直到check(number of my data)。此div包含另一个div，该div具有类似picture的文本，并且由check_txt0标识直到check_txt(number of my data)。

JS

$(document).ready(function () {
    $(".check").click(function () {
        if ($(this).hasClass("checked")) {
            $(this).removeClass("checked");
        } else {
            $(this).addClass("checked");
        }
    });
});

所以，我想得到check_txt(i)的值;我添加了这个脚本:

$(document).ready(function () {
    $(".check").click(function () {
        if ($(this).hasClass("checked")) {
            for (i = 0; i < 40; i++) {
                if ($('#check' + i).hasClass("checked")) {
                    var resultat = $('#check_txt' + i).val();
                    alert(resultat);
                }
            }
        }
    });
});

但是当我第一次点击它的时候，它没有发出任何警告。只有当我再次点击时它才会这样做。这可能是因为它在第一次点击时不能识别checked类。

jsfiddle:http://jsfiddle.net/BGQzm/2/

你的代码没有任何问题这是你给代码设置优先级的方式它应该在

上面调用

$(document).ready(function () {
    $(".check").click(function () {
        if ($(this).hasClass("checked")) {
            $(this).removeClass("checked");
        } else {
            $(this).addClass("checked");
        }
    });
});

$(document).ready(function(){
     $(".check").click(function() {
        if($(this).hasClass("checked")){
        for(i=0;i<40;i++){
        if($('#check'+i).hasClass("checked")){
        var resultat = $('#check_txt'+i).html();
        var data = 'motclef=' + resultat;
        alert(resultat);
        }
        }

        }
     });

});

try:

$(document).on('click', '.check', function(event) {
     var target = event.target;
     if($(target).prop('checked',true)){
       alert($(target).val());
     }
});

在类更改后调用结果获取位，如下所示:

function getResults() {
    for (i = 0; i < 40; i++) {
        if ($('#check' + i).hasClass("checked")) {
            var resultat = $('#check_txt' + i).val();
            alert(resultat);
        }
    }
}
$(document).ready(function () {
    $(".check").click(function () {
        if ($(this).hasClass("checked")) {
            $(this).removeClass("checked");
            getResults();
        } else {
            $(this).addClass("checked");
        }
        // or call getResults() here instead if you want it to happen whether the box was checked or unchecked.
    });
});

对不起，古老的jsfiddle;他们是最新的:http://jsfiddle.net/bnDeK/

$(document).ready(function(){
 $(".check").click(function() {
    if($(this).hasClass("checked")){
    for(i=0;i<40;i++){
    if($('#check'+i).hasClass("checked")){
    var resultat = $('#check_txt'+i).val();
    var data = 'motclef=' + resultat;
    alert(resultat);
    }
    }

    }
 });

});

$(document).ready(function() {
  $(".check").click(function() {
if($(this).hasClass("checked")) {
    $(this).removeClass("checked");
}
else {
    $(this).addClass("checked");
}
});
});