javascript - 动态创建表时的 jQuery 选择器

Question

我有一个表(在运行时生成)和一个下拉列表。在页面up之前，该表不存在。页面打开后，表格和下拉列表看起来 similar to this fiddle :

$("#aDropDown").val($("WhatToPutHere?").text());

我正在尝试执行以下操作:当用户选择“选择”按钮时，我需要下拉所选项目来匹配该行的类型。

任何例子将不胜感激。

谢谢迈克

Answer 1

首先，您有多个具有相同 id 的按钮。他们应该共享一个类(class)。

<button class="aButton">Select</button>

接下来，你想要的是.text()上一个 <td>

$('.aButton').on('click', function() {
    var type = $(this).closest('td').prev('td').text();
    $("#aDropDown").val(type);
});

JSFIDDLE正如@Mackan 指出的，如果您不使用委托(delegate)事件，因为您动态创建表。在这种情况下，以下代码会更好地工作:

$(body).on( 'click', '.aButton' , function() {
    var type = $(this).closest('td').prev('td').text();
    $("#aDropDown").val(type);
});