javascript - 选择文本并将其隐藏到 div 的末尾

Question

我有一个描述 id，其中有很多来自数据库的标签，我无法更改描述，但我想选择直到 div 结束的文本描述 我想隐藏的文本:

<h4>Price</h4>Members - £125.00 + VAT&nbsp;<br />Non-members - £145.00 + VAT</div>

我可以将 :lastOfType(h4) 定位到 div 的末尾吗？文本甚至不在标签中。

Answer 1

假设您的输出类似于:

<div id="description">
    Lorem ipsum dolor sit amet... harum homero.
    <h4>Price</h4>
    Members - £125.00 + VAT<br />
    Non-members - £145.00 + VAT
</div>

您将无法使用 jquery 选择器查找 <h4> 之后的文本因为主文本“Lorem...”和后来的文本“Members...”在 DOM 层次结构中处于同一级别。

可以使用jquery读取内容，然后解析，eg:

var content = $("div#description").html();
content=content.replace(/\<h4.*/, "");
$("div#description").html(content);

或使用 content.lastIndexOf但如果它是 html 编码的，你将不会得到其他 <

如果你想“隐藏”文本，而不是删除，你可以使用上面的代码换行span然后隐藏它，例如:

var content = $("div#description").html();
content = content.replace(/(\<h4.*)/, "<span class='hidden'>$1</span>");
$("div#description").html(content);
$("div#description>.hidden").hide();

(或使用css隐藏hidden等)