Javascript Jquery使用每个函数在附加name属性时重复

这是我的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>

因此，我得到了一个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>

产品1名称
BGFDTTTJ BHGFGG
产品2名称
BGFDTTTJ BHGFGG
...

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

<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>

产品1名称
BGFDTTTJ
产品2名称
BHGFGG
...

将javascript更改为：

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

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