如何插入<a> in </a>

Question

我正在创建<td>并向其添加数据。

$("<td>").addClass("tableCell1").text(mydata).appendTo(trow);

现在如果我必须在内部创建一个<a>标签怎么办？ 例如：

<td headers="xx">
                  <a href="#" title="zz</a>
                </td>

编辑：

$("<td>").addClass("tableCell1").text(mydata).appendTo(trow); 

工作正常，但

$('a').attr({ href: '#', title: 'title here' }).appendTo($('td')).appendTo(trow); 

无效，我未在<a>下找到<td>

Answer 1

我会做这样的事情：

$("td.tableCell1").append('<a href="#" title="zz"></a>');

编辑或者为了更加安全地选择合适的<td>，您应该可以使用

$("td.tableCell1", trow).append('<a href="#" title="zz"></a>');

即使更安全，也可以

$("td.tableCell1:lastChild", trow).append('<a href="#" title="zz"></a>');

Answer 2

我假设您正在尝试同时创建<a>和<td>。如果您尝试在其他事件中添加<a>，则需要使用其他解决方案。

$("<td/>",{"class":"tableCell1", text:mydata})
    .append($("<a/>",{ href:"#", title:"zz"}))
    .appendTo(trow);

请注意，您未在问题中指出<a>的任何内容。如果样式不正确，它将是不可见的。如果您想添加一些文字，请将text: "some text"添加到<a>创建。