Question

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

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

我读到你可以使用siblings方法，但我不知道如何组合insertAfter / Before，而且类的实例是相同的 - 从body到实际内容。所以它是关于从5个（实例）或其他东西中定位第二个实例并插入bla，bla代码。

有可能吗？或者我应该重新思考整个计划并......做其他事情？感谢您的任何想法，提示或建议。

Answer 1

您可以使用eq()根据索引定位类的特定实例。当它从零开始时，eq(1)将是类.inner的第二个实例：

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

Answer 2

试试这个：

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

<强>来源（S）