3

如以下代码段所示，我有多个文本 div，其中有一个粗体部分，然后是一个换行符，然后是一段文本。我可以找到（）粗体部分，但我怎样才能得到只有在带有javascript/jquery的粗体部分之后的换行符之后的文本部分？

<div class="thecontent">
any amount of text or html elements before
<b>
    the bolded text
</b>
<br>
the text I need together with the bolded text which can contain other html
elements apart from line breaks and bolded blocks
<br>
<b>
    posibility of more bolded and text couples further in the div
</b>
<br>
and some more text to go with the bolded text
</div>

单个 div 中可以有多个粗体部分和文本对，并且所需的文本片段以换行符结尾，另一个粗体部分或 div 的结尾。文本块中可能还有其他 html 元素<a href>。

我可以获取 with 的内容，<b> </b>并且.find('b')我尝试使用nodeType == 3它来选择文本节点，但这只会让我得到所有文本。

不幸的是，我无法更改页面的 html。有没有人有解决方案？提前致谢 ：）

根据要求，输入将以粗体形式阻止换行符和它们后面的文本。我需要文本跟随它们直到换行符或另一个粗体部分。

输出将是一个变量中的粗体文本以及换行符之后的文本，但直到另一个变量中的下一个换行符或粗体元素。

因此 html 示例的输出为：the bolded text+the text I need together with the bolded text which can contain other html elements apart from line breaks and bolded blocks

和posibility of more bolded and text couples further in the div+and some more text to go with the bolded text

4

1 回答 1

3

我不认为有一种非常简单的方法可以获取所有节点并将它们分开等，但它确实是可能的。由于我不知道您打算对文本做什么，所以我制作了一个简洁的小对象，其中包含应该更易于使用的所有内容，或者您​​可以更改代码以满足您的需求：

var elem    = $('.thecontent').get(0).childNodes,
    content = {},
    i = 0;

for (key in elem) {
    var type = elem[key].tagName ? elem[key].tagName : 'text';
    content[i] = {};
    content[i][type] = elem[key].tagName == 'B' ? $(elem[key]).text() : elem[key].nodeValue;
    i++;
}

console.log( content );

小提琴

这将返回：

{"0": {"text" : "any amount of text or html elements before"},
 "1": {"B"    : "the bolded text"},
 "2": {"text" : "\n"}, //also returns newlines
 "3": {"BR"   : null},
 "4": {"text" : "the text I need together with the bolded text which can contain other html elements apart from line breaks and bolded blocks"},
 "5": {"BR"   : null},
 "6": {"text" : "\n"},
 "7": {"B"    : " posibility of more bolded and text couples further in the div"},
 "8": {"text" : "\n"},
 "9": {"BR"   : null},
 "10":{"text" : "and some more text to go with the bolded text"},
}

您可以根据行号（从零开始）、标记名、文本内容或您需要的任何其他内容进行过滤？

于 2013-02-15T13:01:11.907 回答