javascript - 将 name attr 替换为当前名称+另一个带有 jQ​​uery 的字符串？

Question

我有这个代码:

var prodElem = $('#dropTitle').text();

$(prodElem).clone(true, true).appendTo('#orders')
 .attr("name", $(this).attr("name") + "-1");

但 name 属性被 -1 替换。

如何利用“this”来获得当前名称并在末尾附加 -1？

谢谢!

Answer 1

该代码中的

this 并不引用您要为其设置名称的元素。我的猜测是这段代码正在运行，其中 this 引用 window，因此 $(this).attr("name") 返回窗口name(通常为空)，因此您将所有这些元素上的 name 设置为 ""+ "-1"，当然是 “-1”。

您可以使用the version of attr that accepts a callback :

$(prodElem).clone(true, true).appendTo('#orders')
  .attr("name", function() {
    return $(this).attr("name") + "-1";
  });

其中，this 引用每个匹配元素。

旁注:如果这确实是 name 属性，则它由属性 name 反射(reflect)，因此您也可以使用 prop 来实现并直接在函数中获取反射的属性:

$(prodElem).clone(true, true).appendTo('#orders')
  .prop("name", function() {
    return this.name + "-1";
  });