首页 > 解决方案 > 定位给定标签的所有最后(但不是最后)元素

问题描述

我有一个 HTML 结构,其中包含一些元素的三个结构和两个p' 的正下方:

<some_tag></some_tag>
<p></p>
<p></p>

<some_tag></some_tag>
<p></p>
<p></p>

<some_tag></some_tag>
<p></p>
<p></p>

在实践中,我拥有的不仅仅是三个结构(更像是三十个),所以我需要自动化。

我需要选择p前两个结构中的最后一个,而不是最后p一个结构中的最后一个。

我的问题

似乎没有 CSS 方法可以进行我想要的选择。

考虑到将每个非最后一个some_tag结构包装在某个其他元素(如 a div)中的 HTML 方式,我得出结论,我不喜欢这种解决方案,因为在我看来它不美观。

我的问题

您知道一种通过 JavaScript 自动执行所描述选择的方法吗?

标签: javascripthtmlcss

解决方案


对于您想要做的事情,这不是一个好的 HTML 结构。如果您将每组hXp内部包装在一个容器标签(如div.

否则,您将不得不使用 JavaScript 遍历每个元素并决定是否应用样式(如果当前元素是 a p,并且有下一个元素,但它不是 a p)。


推荐阅读