javascript - 使用 jQuery 将两个标签 append 到同一行

Question

如何将两个标签 append 到同一行？目前这只是创建一个 td 标签，而不是将 a 标签放入其中。这是期望的结果。

期望:

<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 append 到那个td，然后再将那个td append 到你的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>