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

＆＃13;

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

＆＃13;

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

＆＃13;

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

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

3 个答案: