Question

guys i have a ajax that creates a dynamic buttons, each button has a counter on their id. im trying to select each button and add a class to them.

   var html;
                $.ajax({
                          type:'POST',
                          url:'add_subject.php',
                     dataType:'json',
                         data:{'func_numbr':'6'},
                      success:function (data){
                           var counter_sub = 0 ;
                         $.each(data, function(i, item) {
                          if(data[i].subjct_statu == "0"){
                            $('#inactivate['+counter_sub+']').addClass("inactiveButton");
                           }
                          html = "<tr>";

                          html += "<td><lable>Subject: </label><input type='text' name='subject["+counter_sub+"]' rel='"+data[i].subj_id+"' value='"+data[i].subj_name+"'></td>";
                          html += "<td><input type='button' id='activate["+counter_sub+"]' name='active' class='button active  ' value='Apply'  > ";
                          html += "<input type='button' id='inactivate["+counter_sub+"]' name='active' class='button inactive' value='Remove from list'></td>";
                          html += "</tr>";
                 $('#curr-4thhigh-tble').append(html);

                 counter_sub = counter_sub +1;
                });
                      }     
               });

but wat im doing is not working i guess something is wrong. plss help tnx in advanced

Answer 1

Try something like this, it should work:

$.ajax({
    type: 'POST',
    url: 'add_subject.php',
    dataType: 'json',
    data: {
        'func_numbr': '6'
    },
    success: function(data) {
        var counter_sub = 0,
            classToAdd = "";
        $.each(data, function(i, item) {
            classToAdd = "";
            if (data[i].subjct_statu == "0") {
                classToAdd = "inactiveButton";
                //$('#inactivate[' + counter_sub + ']').addClass("inactiveButton");
            }
            html = "<tr>";

            html += "<td><lable>Subject: </label><input type='text' name='subject[" + counter_sub + "]' rel='" + data[i].subj_id + "' value='" + data[i].subj_name + "'></td>";
            html += "<td><input type='button' id='activate[" + counter_sub + "]' name='active' class='button active  ' value='Apply'  > ";
            html += "<input type='button' id='inactivate[" + counter_sub + "]' name='active' class='button inactive " + classToAdd + "' value='Remove from list'></td>";
            html += "</tr>";
            $('#curr-4thhigh-tble').append(html);
            counter_sub = counter_sub + 1;
        });
    }
});​