jquery - 在不使用 id 的情况下获取动态插入的元素

Question

动态地，我用这个方法创建了一个新元素：

$("#elementA").on("click", function() {
  $(this).closest("tr").after($(document.createElement("tr"));
});

我想让新的 TR 元素与它一起操作。但我不想给它一个id。我怎么才能得到它？

更新：

我想用新元素做这样的事情：

$new_tr_element.attr("data-url", "some.php"); 

Answer 1

将其存储在变量中

$("#elementA").on("click", function() {
    var obj = $(document.createElement("tr"));
    $(this).closest("tr").after(obj);
});

Answer 2

获得这个的一种方法是获得最后一个<tr>.. using last();

 $('#tableID tr:last'); 

尝试这个

$("#elementA").on("click", function() {
  $(this).closest("tr").after($(document.createElement("tr"));
  $('#tableID tr:last');  //this will give you the last `<tr>` in the table which will be the ``<tr>` u just appended
});

另一个是将其存储在一个变量中，以便您以后可以使用它。

  $("#elementA").on("click", function() {
     var newTR= $(document.createElement("tr"));
      $(this).closest("tr").after(newTR);
  });

Answer 3

之后返回一个 jQuery 对象。像这样在变量中获取返回值怎么样：

tr = $(this).closest("tr").after($(document.createElement("tr")); 

Answer 4

你可以这样做：

$("#elementA").on("click", function() {
  var tr = $("<tr></tr>");
  $(this).closest("tr").after(tr);
});