jquery - 使用 jQuery 删除内容并附加类

Question

我必须使用专有的 cms 博客来呈现它的“摘要标记”，其中包含

1. 省略号
2. 动态变化的链接（所以链接总是不同的）
3. 静态文字说：点击这里阅读更多。

这是摘要标记当前在页面上呈现的方式：

<p>Content goes here....<a href="example.htm">Click here to read more.</a></p>
<p>More content goes here....<a href="anothertest.htm">Click here to read more.</a></p>
<p>Content goes here....<a href="helloworld.htm">Click here to read more.</a></p>

同时，我想用一些 jquery 来控制摘要标记，所以我不限于通过以下方式进行严格的显示：

1. 删除每个ellipsis
2. 在包含省略号的后面附加一个classONLY href，因此它不会更新页面上的其他链接。

这将是非常期望的预期结果。

<p>Content goes here.<a href="example.htm" class="readmore">Click here to read more.</a></p>
<p>More content goes here.<a href="anothertest.htm" class="readmore">Click here to read more.</a>
<p>Content goes here.<a href="helloworld.htm" class="readmore">Click here to read more.</a>

非常感谢您提前提供的帮助！

这就是我得到的，我知道这很糟糕

$("p").html("...").remove:after.attr(".readmore").attr("href"));

Answer 1

$('p').each(function () {
    var textNode = $(this).find('a:last-child').addClass('readmore')[0].previousSibling;

    textNode.textContent = textNode.textContent.replace(/\.{3}\s*$/, '');
});

这是小提琴：http: //jsfiddle.net/sH2eA/