JQuery向元素追加其自己的内容

Question

我需要将<span>元素附加到锚元素及其内容。像这样：

<div class="button"><a href="#">content text</a></div>

我需要这个：

<div class="button"><a href="#">content text<span>content text</span></a></div>

我在jQuery中尝试过，但我不能把内容放在：

$('.butt a').append('<span>'+???+'</span>');

如果可以，请帮助我！谢谢！

Answer 1

您可以将功能传递给.append()，如下所示：

$('.button a').append(function(i, html) { return '<span>'+html+'</span>'; });

You can test it out here，或者更安全的DOM方法（我会选择）：

$('.button a').append(function(i, html) { return $('<span />',{html:html}); });

You can test that version here。在上述两种情况下，函数接收的html是您要附加的<a>内的当前html /文本...这在这里非常完美。

Answer 2

您的问题是因为您尝试选择butt课程，但您的课程是button：

$('.button a').append('<span>Your span text here</span>');