javascript - 如何选择具有特定类的最后加载的标签。（不是：last）

Question

让我们从一个例子开始：

<p class="paragraph"> some text </p>
<script> here must be the script that adds class to the above p </script>
<p class="paragraph"> some other text </p>
<script> here must be the script that adds class to the above p </script>
...

我想在“脚本”之前的“p”中添加一个类。脚本标签也可以在段落内，但不应该在之前。我希望现在很清楚，但如果不清楚，我很乐意为您提供有关我的问题的更多信息。提前致谢。

Answer 1

该脚本不知道它与页面流的关系在哪里。您可以做的最好的事情是选择您要查找的所有标签并选择最后一个。

---

JavaScript：

var elems = document.getElementsByClassName("paragraph");
console.log(elems[elems.length-1])

jQuery：

$(".paragraph").last().addClass("foo");

Answer 2

使用 getElementsByTagName 并获取返回列表的长度，它将是最后加载的标签的索引。例如：

<p class="paragraph"> some text </p>
<script> here must be the script that adds class to the above p </script>
<p class="paragraph"> some other text </p>

    function getLastTag(){
    var list=document.getElementsByTagName('p');
    list[list.length-1].className='your class name';
    }

Answer 3

您可以一次选择所有段落并添加所需的类，例如通过使用数据属性：

你的html：

<p class="paragraph" data-class="foo">Some text</p>
<p class="paragraph" data-class="bar">Some other text</p>

您的脚本的一部分（假设您在加载时使用 jQuery）

$('p.paragraph').each(function () {    
  $(this).addClass($(this).data('class'));
});