将文本附加到具有特定类的锚标记

Question

这个HTML列表，

<ul class="buttons">
    <li class="back"><a href="#">ABCDE</a></li>
    <li class="back"><a href="#">B</a></li>
    <li class="back"><a href="#">CEDFRD</a></li>
    <li class="back"><a href="#">D</a></li>
    <li>E</li>
    <li>F</li>
    <li>G</li>
    <li>H</li>
</ul>

仅在

时将文本附加到锚标记的文本末尾

• 锚标记中的文字长度超过5个字符。
• 仅适用于有背班的李。

如何使用jquery做到这一点？

Answer 1

您可以使用append()：

$('li.back a').append('text');

<强> Fiddle Demo

Answer 2

使用.append()：

$('li.back a').append('sm text');

Answer 3

使用.text()的接收器功能完成任务。

尝试，

$('li.back a').text(function(_,text){ 
   return text + "yourNewText"; 
});

DEMO

根据您的新编辑（仅当锚文本中的文字长度超过5个字符时），您可以使用，

$('li.back a').text(function(_,text){ 
    return (text.length > 5) ? text + "yourNewText" : text; 
});

DEMO I