jquery - jquery用变量分配和调用ID

Question

假设我有以下代码：

 textInput = $('#outputTextInput').val();

   $('#outputAdd').click(function(){

       $('#status_table tr:last').after('<tr id="output_newrow_"+textInput><td>1</td><td id="type_row_"+textInput>lala</td><td id="num_row_"+textInput>num row '+textInput+'</td><td><img class="image" src="static/OffLamp-icon.png" style="height:64px; width=64px"/></td></tr>');

    });
   $('#outputRemove').click(function(){

        $('#status_table').find("#output_newrow_"+textInput).remove();


   });

然后我想用 ID "output_newrow_"+textInput 或 "type_row_"+textInput 调用那个选择器，这样......

$('#how_should_i_write_it_here').append(textInput)

我不知道我应该如何称呼那个选择器......

提前感谢所有帮助:)

更新！这是小提琴链接。我现在的问题是，当我添加和删除几次时，我无法显示变量“textInput”并且索引号很乱。例如，我键入“1,2,3”，它将在桌子上显示索引 2,3,4。但是当我输入 3 并单击删除时，它会删除索引 2（假设链接到 1）。

Answer 1

您的代码中的字符串连接是错误的，在您的代码index中也是undefined.

$('#outputAdd').click(function(){
   var textInput = $('#outputTextInput').val();
   var str = '<tr id="output_newrow_' +textInput + '">'
               + '<td>1</td><td id="type_row_' + textInput '">lala</td>'
               + '<td id="num_row_' + textInput + '">num row ' + textInput + '</td>'
               + '<td><img class="image" src="static/OffLamp-icon.png" style="height:64px; width=64px"/></td>'
          +  '</tr>';
   $('#status_table tr:last').after(str);

});
$('#outputRemove').click(function(){
    $("#output_newrow_"+textInput).remove();
});

Answer 2

您的字符串连接错误

$('#outputAdd').click(function(){
    var textInput = $('#outputTextInput').val();

    $('#status_table tr:last').after('<tr id="output_newrow_'+textInput+'"><td>1</td><td id="type_row_"+textInput>lala</td><td id="num_row_"+textInput>num row '+index+'</td><td><img class="image" src="static/OffLamp-icon.png" style="height:64px; width=64px"/></td></tr>');

});
$('#outputRemove').click(function(){
    $('#status_table').find("#output_newrow_"+textInput).remove();    
});

Answer 3

几乎与您分配它的方式相同。像这样：

$("#output_newrow_" + textInput).appen(textInput);