Ajouter deux étiquettes à la même ligne à l'aide de jQuery

Question

Comment ajouter deux étiquettes à la même ligne? Actuellement, cela crée uniquement une balise td qui ne place pas la balise à l'intérieur de celle-ci. C'est le résultat souhaité.

souhaitee:

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

Code actuel:

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

Pour obtenir le résultat souhaité:

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

Vous pouvez faire quelque chose comme ceci:

d'abord créer votre td, puis ajoutez votre a à ce td, puis ajoutez que td à votre 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

vous ajoutez href attribut à l'élément td pas l'élément a, donc d'abord créer un td élément puis ajouter a élément à l'intérieur de cela, puis ajouter l'élément td à tr. utiliser comme ceci

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

Check this out

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