jquery - 使用 JQuery 定位 css 类的单个实例

Question

我需要使用 JQuery 来定位一个类的单个实例，因为我需要在页面上的一个元素之后（或之前）插入一个新的 html 代码块。我的第一个想法是使用“inserAfter”方法。但是，我很快意识到这是一个在文档中多次使用的通用类。默认语法是这样的，我相信：

$('<p>Test</p>').insertAfter('.inner');

我读到您可以使用兄弟姐妹方法，但我不知道如何组合 insertAfter/Before，而且该类的实例是相同的 - 从正文到实际内容。因此，它是针对 5 个（实例）或其他东西中的第二个实例并插入 bla，bla 代码。

是否可以？还是我应该重新考虑整个计划并……做点别的？感谢您的任何想法、提示或建议。

score 1 · Accepted Answer

您可以使用eq()基于索引的类的特定实例来定位。因为它从零开始，eq(1)将是类的第二个实例.inner：

$('.inner').eq(1).after('<p>Test</p>');

score 0 · Accepted Answer

试试这个：

$('.inner:nth-of-type(2)').after('<p>Test</p>');

来源

2 回答 2