2016-01-24 138 views
0

我有一些行的動態表格。我嘗試獲取「.tags」-td-content並將其寫入每行中的「.tagsNew」-td。從一個表格單元格到另一個表格行的jQuery .text內容

<tr> 
    <td class="td1"> 
     Date 1 
    </td> 
    <td class="td2"> 
     Text 1 
     <div class="tags"><a href="http://home1.com">Row_1_Tag</a></div> 
    </td> 
    <td class="tagsNew"> 
    </td> 
    </tr> 

    <tr> 
    <td class="td1"> 
     Date 2 
    </td> 
    <td class="td2"> 
     Text 2 
     <div class="tags"><a href="http://home2.com">Row_2_Tag</a></div> 
    </td> 
    <td class="tagsNew"> 
    </td> 
    </tr> 

    <tr> 
    <td class="td1"> 
     Date 3 
    </td> 
    <td class="td2"> 
     Text 3 
     <div class="tags"><a href="http://home3.com">Row_3_Tag</a></div> 
    </td> 
    <td class="tagsNew"> 
    </td> 
    </tr> 

    ... 

期望的結果:

<tr> 
    <td class="td1"> 
     Date 1 
    </td> 
    <td class="td2"> 
     Text 2 
     <div class="tags"><a href="http://home1.com">Row_1_Tag</a></div> 
    </td> 
    <td class="tagsNew"> 
     Row_1_Tag /* needed */ 
    </td> 
    </tr> 

    <tr> 
    <td class="td1"> 
     Date 2 
    </td> 
    <td class="td2"> 
     Text 2 
     <div class="tags"><a href="http://home2.com">Row_2_Tag</a></div> 
    </td> 
    <td class="tagsNew"> 
     Row_2_Tag /* needed */ 
    </td> 
    </tr> 

    ... 

這是我的腳本:

<script> 

function getTag(){ 

    row = $("tr"); 
    tagNeeded = $('tr .tags').text() 

    $.each(row, function() { 
     $('.tagsNew').text(tagNeeded); 
    }); 
} 

</script> 

代碼工作,但我只需要在從特定行.tags添加內容。 函數粘貼來自所有行的內容到.tagsNew表細胞

這與上面的代碼發生

<!-- Result with function getTag() --> 
    <tr> 
    <td class="td1"> 
     Date 1 
    </td> 
    <td class="td2"> 
     Text 1 
     <div class="tags"><a href="http://home1.com">Row_1_Tag</a></div> 
    </td> 
    <td class="tagsNew"> 
     Row_1_Tag Row_2_Tag Row_3_Tag 
    </td> 
    </tr> 

任何幫助,將不勝感激

回答

2

您可以使用此設置相關的具體文本:

$('.tagsNew').text(function(){ 
    return $(this).closest('tr').find('.tags').text(); 
}); 
+0

太棒了!作品。非常感謝你 – miniMax

1

試試這個:

$('.tags').each(function() { 
    $this = $(this); 
    $this.closest('td').next().text($this.text()); 
}); 

請注意,這與您當前的確切的結構嚴格相關:它不打算用於一般的使用。

相關問題