Javascript 使用jQuery将两个标记追加到同一行

如何将两个标记附加到同一行？当前这只是创建一个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));

var newRow=$（''）.attr（'id'，keyID）；
newRow.append（$（''）.text（艺术家姓名））；
newRow.append（$（''）.attr（“href”，link）.text（link））；
newRow.append（$（''）.text（电子邮件））；

要获得您想要的结果：

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

---

您将

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

var newRow=$（''）.attr（'id'，keyID）；
newRow.append（$（''）.text（艺术家姓名））；
var newTd=$（''）；
newTd.append（$（''）.attr（“href”，link）.text（'Click Here'）；
newRow.append（newTd）；
newRow.append（$（''）.text（电子邮件））；
$（'table tbody'）.append（newRow）；

看看这个

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

$（文档）.ready（函数（）{
$（“表tbody tr:first”）。追加（“”）；
});

检查我的答案