jquery 添加文本和 anchor 链接到段落

Question

您好，我有以下 jQuery 代码，它在第二段之后分割一些内容，在中间添加一些其他内容，然后在末尾显示其余内容。

jQuery('#bookDescription > p').slice(2).appendTo('#bookDescription');

我需要在第二段末尾添加一个“阅读更多”链接，该链接将链接到第三段并锚定链接。通常，仅使用 html 就可以轻松设置，但不确定如何使用 jQuery 来完成此操作。

所以，现在我有这样的东西(由上面的 jQuery 完成:

Paragraph One
Paragraph Two
Other content 
Paragraph Three
Paragraph ....

我想补充一点:

Paragraph One
Paragraph Two ... Red More
Other content 
<a name="linkFromReadMore"></a>Paragraph Three
Paragraph ....

Answer 1

你可以这样做:

$('p:nth-child(2)').append($('<a>', {
    'href': '#more',
    'html': '&hellip;read more'
})).after($('<p>', {
    'html': 'other content'
})).next().next().prepend($('<a>', {
    'name': 'more'
}));

demo