javascript - 仅显示一组 sibling 中的两个

Question

我们有一些动态生成的页面，在其中一些页面中，作者复制并粘贴了大量的
元素。

标记可能是这样的:

<p>Duties include:
<br>
<br>
<br>
<br>
 •  Assisting residents with dressing, undressing, bathing and personal care
<br>
<br>
<br>
<br>
<br>
 •  Helping residents with mobility problems and disabilities 
<br>
<br>
<br>
<br>
 •  To care for residents who are unwell i.e. changing dressings and bed nursing
<br>
</p>

我想做的是只选择特定组中的两个 br 并隐藏它们的 sibling 。我无法将它们全部隐藏，因为它们仍用于在段落中创建换行符。

为了清楚起见，我需要在特定组中保留 2 个 br，因此在上面示例中的每段文本之间。

我试过将 nth-child 与 CSS 结合使用，但是 br 的数量未知，可能很多也可能很少。

任何帮助都会很棒。

干杯

Answer 1

如果您不能修改 HTML，则必须使用 javascript。幸运的是，在这种情况下这很容易:

$('p').contents().filter(function() {
    return this.nodeType === 3 && $.trim(this.nodeValue);
}).wrap('<span>');

然后将它与少量 CSS 结合使用以驯服重复的 br 标签:

br + br {
    display: none;
}

_{* 或 br + br + br 取决于您要隐藏多少个 br。}

演示:http://jsfiddle.net/ff7sb59n/1/