使用JQuery定位css類的單個實例

Question

我需要使用JQuery來定位一個類的單個實例，因爲我需要在頁面上的元素之後（或之前）插入新的html代碼塊。我的第一個想法是使用「inserAfter」方法。但是，我很快意識到這是文檔中多次使用的常見類。默認的語法是這樣的，我相信：

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

我讀了你可以用兄弟姐妹的方法，但我不」看我怎麼可以結合insertAfter /之前，而且，該類的實例是相同的 - 從身體到實際內容。所以它是針對5個（實例）中的第二個實例或其他東西，並插入bla，bla代碼。

可能嗎？或者我應該重新考慮整個計劃並......做其他事情？ 感謝您的任何想法，提示或建議。

Answer 1

您可以使用eq()根據索引定位類的特定實例。因爲它從0開始，eq(1)將是類.inner的第二個實例：

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

Answer 2

試試這個：

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

來源（S）

jQuery API - nth-of-type() Selector