Question

我有一个小问题，我们使用的是wiki工具，并且使用内部链接自动在页面之间创建链接。我希望用一个简单的按钮设置这些链接的样式，为此我只想在链接的显示名称周围添加一个环绕。

<a href="example.php">Display Name</a>

我想这样做：

<a href="example.php"><div class="class">Display Name</div></a>

我想我可以用jquery做到这一点，但我不知道如何完成这个。如果有人能指出我正确的方向。

我看着追加，不知道我怎么只能用于那个元素。

提前谢谢。

Answer 1

您需要使用JQuery .wrapInner。 Here是文档。

$('a[href="example.php"]').wrapInner('<div class="class"></div>');

Answer 2

作为替代解决方案，您可以简单地获取文本并按照您的喜好进行包装：

var $links = $('a');
if ($links.length) {
    $links.each(function(k,v) {
        var text = $(v).text();
        $(v).html('<span class="some-class">' + text + '</span>');
    });
}

FIDDLE

有很多方法可以解决这个问题。

Jquery编辑html链接显示名称

2 个答案: