使用JQuery将HTML作为所选标记的最后一个子项插入

Question

我是JQuery的新手.我正在阅读JQuery,但最多只能访问第39页并需要一些快速帮助!

请注意:我正在简化我的实际要求,所以我要求的可能听起来很奇怪,但我只是试着去了解JQuery表达式的关键而不是我的情况(与动画插件有关).

我有我的HTML代码(生成,我不想改变):

<div class="favorite">
   <div>
          <a href='http://www.stackoverflow.com'>Stackoverflow</a>
   </div>
</div>

现在我要做的是在当前内容之后插入文本'(收藏)'INSIDE A标签.或者换句话说,作为最后一个孩子<a>.

<div class="favorite">
   <div>
          <a href='http://www.stackoverflow.com'>Stackoverflow (favorite)</a>
   </div>
</div>

我到目前为止最好的是:

$('<span> (favorite)</span>').insertAfter('.favorite div a');

当然,这最终会将(最喜欢的)文本放在A链接之外,并且不会加下划线(我想要).

我需要以某种方式说.parent().lastChild()但我不太确定该怎么做.

注意:我必须放入<span>,因为否则它不会将其视为"可插入"文本.我确信还有一种解决方法,但这是次要问题.

Answer 1

该append方法在匹配元素的末尾插入节点.Prepend在开头插入节点.

例:

$('div.favorite div a').append('<span> (favorite)</span>');

该span元素是没有必要的-你可以这样做:

$('div.favorite div a').append(' (favorite)');