使用jQuery將兩個標籤附加到同一行

Question

如何將兩個標籤附加到同一行？目前，這只是創建一個td標籤不會將一個標籤放在裏面。這是理想的結果。

期望：

<td class="link-text"><a href="#">Click Here</a></td> 

當前代碼：

var newRow = $('<tr>').attr('id', keyID); 
     newRow.append($('<td class="link-text">').text(artist_name)); 
     newRow.append($('<td><a class="link-text" style="padding:5px;" target="_blank">').attr("href", link).text(link)); 
     newRow.append($('<td class="link-text">').text(email)); 

Answer 1

要得到你想要的結果：

<td class="link-text><a href="#">Click Here</a></td> 

你可以做這樣的事情：

首先創建td，然後附加您a到td，然後追加該td您tr

var newRow = $('<tr>').attr('id', 51); 
 

 
var newTd = $('<td class="link-text">'); 
 

 
newTd.append($('<a style="padding:5px;" target="_blank"></a>').attr("href", 'google.com').text('Click here')); 
 

 
newRow.append(newTd); 
 
     
 
$('.container').append(newRow);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="container"></div>

Answer 2

要添加href屬性的td元素不是a元素，所以首先創建一個td元素，然後在此內部添加a元素，然後將td添加到tr元素。使用這樣

var newRow = $('<tr>').attr('id', keyID); 
newRow.append($('<td class="link-text">').text(artist_name)); 
var newTd = $('<td class="link-text">'); 
newTd.append($('<a style="padding:5px;" target="_blank"></a>').attr("href", link).text('Click Here')); 
newRow.append(newTd); 
newRow.append($('<td class="link-text">').text(email)); 
$('table tbody').append(newRow); 

Answer 3

檢查了這一點

$(document).ready(function(){ 
      $("table tbody tr:first").append('<td class="link-text"><a href="#">Click Here</a></td>'); 
     });