jQuery:包含父元素href的wrapInner

时间:2015-02-03 06:31:01

标签: javascript jquery

我有TR添加了href(无效的HTML,我知道);我想获得TD内的内容以获得TR的href。

听起来很简单,但我无法完成它。我尝试过以下代码:

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

然而它返回未定义。

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

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

1 个答案:

答案 0 :(得分:3)

父级(<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