javascript - jQuery:wrapInner 与父元素的 href

Question

我有添加了 href 的 TR(我知道是无效的 HTML)；我想获取 TD 中的内容以获取 TR 的 href。

听起来很简单，但我一直无法完成。我尝试了以下代码:

$("table td").wrapInner("<a href='" + $(this).parent().data("href") + "'></a>");

但是它返回未定义。

这是一个 jsfiddle:http://jsfiddle.net/yy3w7fqz/

任何帮助将不胜感激。谢谢

Answer 1

父级 ( <tr> ) 没有 data-href属性，在我们的例子中它只是 attribute你可以使用方法 .attr 得到它.同样在我们的例子中，您应该指定 callback function (就像在例子中一样)和这个 callback将为每个匹配的元素调用一次，并且 $(this)将引用<td>

$("table td").wrapInner(function () {
    return "<a href='" + $(this).parent().attr("href") + "' target='_blank'></a>"
});

Example

更新

$("table td").wrapInner(function () {
    if ($(this).parent().attr("href")) {
        return "<a href='" + $(this).parent().attr("href") + "' target='_blank'></a>"
    }
});

Example