gpt4 book ai didi

jquery - 如何使用 jQuery 将元素内部文本的最后一个单词包裹起来?

转载 作者:太空狗 更新时间:2023-10-29 15:24:30 26 4
gpt4 key购买 nike

我知道这应该是一项简单的任务,但我在选择标题元素的最后一个词并将其包装在一个 span 中时遇到问题,以便我可以添加样式更改。

这是我目前所拥有的

$('.side-c h3').split(/\s+/).pop().wrap('<span />');

任何帮助将不胜感激

最佳答案

问题是 jQuery 对象包装了 DOM 节点。元素中的每个单词本身都不是 DOM 节点,因此您需要做更多的工作来拆分文本并重新加入它。您还需要考虑 jQuery 选择的多个节点。试试这个:

$('.side-c h3').each(function(index, element) {
var heading = $(element), word_array, last_word, first_part;

word_array = heading.html().split(/\s+/); // split on spaces
last_word = word_array.pop(); // pop the last word
first_part = word_array.join(' '); // rejoin the first words together

heading.html([first_part, ' <span>', last_word, '</span>'].join(''));
});

关于jquery - 如何使用 jQuery 将元素内部文本的最后一个单词包裹起来?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4950553/

26 4 0
文章推荐: html - 如何使用 PHPQuery 删除 HTML 标签?
文章推荐: c - 如何读取 C 中的管道内容?
文章推荐: html - 我可以替换 ' with `
` + css: ` table{...}` 吗?