基於EXACT文本內容選擇元素

Question

我有一個div列表，其中包含一個p標籤，分類爲index。這些p標籤的文本內容是從1到n（儘管可能不超過30-40）的數字。我有以下的選擇，這在初步測試工作得很好：

var ad = $('.existing_ad .index:contains('+index+')').parents('.existing_ad'); 

哪裏index是我從p標籤檢索和.existing_ad數字指標是類的父div的。正如我所說，這工作得很好......直到我有更高的數字。例如，當索引是時，它選擇其中的索引例如其中的索引。 1,10-19,21,31等

我如何獲得ONLY索引n？

Answer 1

如何：

$('.existing_ad .index').filter(function() { 
    return $(this).text() == index; 
}).parents('.existing_ad'); 

Answer 2

如果你經常使用它，你可以創建一個擴展

$.expr[":"].containsExact = function (obj, index, meta, stack) { 
    return (obj.textContent || obj.innerText || $(obj).text() || "") == meta[3]; 
}; 

$('div:containsExact('John')將匹配<div>John</div>但不<div>Johnny</div>

對於原來的問題，那將是

var ad = $(".existing_ad .index:containsExact('"+index+"')").parents('.existing_ad');