Javascript jQuery函数忽略递增的值

我似乎无法解决这个问题，两个小时后我放弃了。我一点都不擅长javascript

这里有一个jfiddle，我在这里找到了一个很好的jquery：

 [html]
<button id="addProduct">Add Product</button>
<div id="someContainer"></div>
<span></span>


[javascript]
var i = 1;
$("#addProduct").click(function() {
$("<div />", { "class":"wrapper", id:"product"+i })
 .append($("<input />", { type: "text", id:"name"+i }))
 .append($("<input />", { type: "text", id:"property"+i }))
 .appendTo("#someContainer");
i++;
});

$("input").live("click", function() {
 $("span").text("Clicked ID: " + this.id);
});

但这似乎也没有帮助。我真的不明白这是怎么回事。如果有人能帮助我，我将不胜感激。请尝试以下方法

$('#someContainer').on("focus", 'input[clas^="name"],input[class^="property"]',function() {
  $(this).siblings().val("");
});

演示：

或者最好删除计数器并将ID更改为类：

$("#addProduct").click(function() {
$("<div />", { "class":"wrapper", class:"product"})
 .append($("<input />", { type: "text", class:"name"}))
 .append($("<input />", { type: "text", class:"property" }))
 .appendTo("#someContainer");

});
 $('#someContainer').on("focus", '.name,.property',function() {
      $(this).siblings().val('');
    });

$（“#添加产品”）。单击（函数（）{
$（“”，{“类”：“包装器”，类：“产品”}）
.append（$（“”，{type:“text”，class:“name”}））
.append（$（“”，{type:“text”，class:“property”}））
.appendTo（“#someContainer”）；
});
$（“#someContainer”）.on（“focus”、“.name、.property”、function（）{
$（this.sides（）.val（“”）；
});

演示：

尝试以下操作

$('#someContainer').on("focus", 'input[clas^="name"],input[class^="property"]',function() {
  $(this).siblings().val("");
});

演示：

或者最好删除计数器并将ID更改为类：

$("#addProduct").click(function() {
$("<div />", { "class":"wrapper", class:"product"})
 .append($("<input />", { type: "text", class:"name"}))
 .append($("<input />", { type: "text", class:"property" }))
 .appendTo("#someContainer");

});
 $('#someContainer').on("focus", '.name,.property',function() {
      $(this).siblings().val('');
    });

$（“#添加产品”）。单击（函数（）{
$（“”，{“类”：“包装器”，类：“产品”}）
.append（$（“”，{type:“text”，class:“name”}））
.append（$（“”，{type:“text”，class:“property”}））
.appendTo（“#someContainer”）；
});
$（“#someContainer”）.on（“focus”、“.name、.property”、function（）{
$（this.sides（）.val（“”）；
});

---

演示：

不要尝试将增量ID用于此类内容。相反，使用类。以这种方式处理动态元素要容易得多。请参见以下示例：

$（“#添加产品”）。单击（函数（）{
$（“”，{“类”：“包装器”，类：“产品”}）
.append（$（“”，{type:“text”，class:“name”}））
.append（$（“”，{type:“text”，class:“property”}））
.appendTo（“#someContainer”）；
});
$（'#someContainer'）。在（'click'，'.name，.property'，function（）上{
var$this=$（this）；
var$otherInput=$this.parent（）.find（'.name.property'）。not（$this.val（''）；
});

添加产品
不要尝试将增量ID用于此类内容。相反，使用类。以这种方式处理动态元素要容易得多。请参见以下示例：


$（“#添加产品”）。单击（函数（）{
$（“”，{“类”：“包装器”，类：“产品”}）
.append（$（“”，{type:“text”，class:“name”}））
.append（$（“”，{type:“text”，class:“property”}））
.appendTo（“#someContainer”）；
});
$（'#someContainer'）。在（'click'，'.name，.property'，function（）上{
var$this=$（this）；
var$otherInput=$this.parent（）.find（'.name.property'）。not（$this.val（''）；
});

添加产品
您可以创建jsFiddler吗？您可以创建jsFiddler吗？这将清除集中输入的值。我认为OP希望专注于其中一个来清除另一个NX：）@madalin ivascu这真的很好！！谢谢你的演示，我也很感激。这将清除重点输入的价值。我认为OP希望专注于其中一个来清除另一个NX：）@madalin ivascu这真的很好！！谢谢你的演示我也很感激。哇，这是如此聪明的代码。选择已单击父元素的子元素，但该元素不是已单击的元素。太神了我需要更多地了解jQuery文档。我会把这个作为答案，因为你解释得非常透彻。如果可以，你能解释一下为什么我的代码不起作用吗？？谢谢again@Juan当然可以，请参阅上面我的更新。让我知道如果这些都没有意义：）哇，这是多么聪明的代码。选择已单击父元素的子元素，但该元素不是已单击的元素。太神了我需要更多地了解jQuery文档。我会把这个作为答案，因为你解释得非常透彻。如果可以，你能解释一下为什么我的代码不起作用吗？？谢谢again@Juan当然可以，请参阅上面我的更新。让我知道，如果其中任何一个没有意义：）