Jquery 在使用每个函数附加名称属性时重复答案

【问题标题】：Jquery duplicates on appending name attribute using each functionJquery 在使用每个函数附加名称属性时重复
【发布时间】：2014-01-22 06:40:25
【问题描述】：

这是我的html结构，

<div class="productbox">

<div class"result1 prod" name="BGFDTTTTJ">
<h2>Product 1 Title</h2>
<div class="nameattrib"></div>
</div>

<div class"result2 prod" name="BGFDTTTTJ">
<h2>Product 2 Title</h2>
<div class="nameattrib"></div>
</div>    
...
</div>

这是我的javascript

$(document).ready(function() {
    $(".productbox .prod").each(function(index, value){
      $(".nameattrib").append(" " + $(this).attr('name'));
    });
});

因此，我得到了一个 html 结构，

<div class="productbox">

<div class"result1 prod" name="BGFDTTTTJ">
<h2>Product 1 Title</h2>
<div class="nameattrib">BGFDTTTTJ BHGFGFGG </div>
</div>

<div class"result2 prod" name="BHGFGFGG">
<h2>Product 2 Title</h2>
<div class="nameattrib">BGFDTTTTJ BHGFGFGG</div>
</div>    
...
</div>

我需要进行哪些修改以避免打印所有名称值，即。我需要得到类似于下面的结果。

<div class="productbox">

<div class"result1 prod" name="BGFDTTTTJ">
<h2>Product 1 Title</h2>
<div class="nameattrib">BGFDTTTTJ</div>
</div>

<div class"result2 prod" name="BHGFGFGG">
<h2>Product 2 Title</h2>
<div class="nameattrib">BHGFGFGG</div>
</div>    
...
</div>

【问题讨论】：

标签： javascript jquery append each duplicate-removal

【解决方案1】：

把javascript改成这样：

$(document).ready(function() {
    $(".productbox .prod").each(function(index, value){
      $(this).find(".nameattrib").text($(this).attr('name'));
    });
});

【讨论】：