使用 jQuery 将两个标签附加到同一行

Question

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

您正在向 td 元素而不是 a 元素添加 href 属性，因此首先创建一个 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>');
        });

使用 jQuery 将两个标签附加到同一行

Append two tags to the same row using jQuery

javascript

jquery

append

attr