jquery - 如何使用 jQuery 删除标签内容的前 6 个字符？

Question

我正在呈现一个 RSS 提要，每个内容部分的开头都有内容 - 它总是 6 个字符，我想使用 jQuery 将其删除。

feed 的特定位的内容在列表标记中，因此 <li>blahah Hello this is where I want to display from...</li>

目标是摆脱“blahah”。

一个更新:

提供的 jQuery 工作得很好，但我不明白为什么它会像内联一样提取所有列表元素!

您能否解释为什么此示例中的 li 标签 - jsfiddle.net/GhazG/5渲染时会碰到对方，而不是像这样出现 - jsfiddle.net/GhazG/6 ？

Answer 1

这将删除每个 的前 6 个字符 <li>页面上的元素。我想您会希望您的选择器专门针对 <li>有问题。

   // Select your <li> element
var $li = $('li');

   // Get the text(), and call .substr() passing the number 6 as the argument
   //   indicating that you want to get the part of the string starting on
   //   index number 6 (the seventh character)
$li.text( $li.text().substr(6) );

尝试一下: http://jsfiddle.net/GhazG/

• http://api.jquery.com/text
• http://www.w3schools.com/jsref/jsref_substr.asp

因为你有几个 <li>页面上需要更新的元素，您应该使用 each 进行更新循环:

尝试一下: http://jsfiddle.net/GhazG/7/

$('li').each(function() {
    var $th = $(this);
    $th.text( $th.text().substr(6) );
});

如果通过 javascript 将项目附加到 DOM，您还可以选择在执行附加操作之前删除字符。这可能是更好的方法。