文字列が検出されたときにクラスからIDを取得

Question

文字列がhtmlのクラスで検出されたときに特定のIDを取得できるようにする方法を試しています。たとえば、文字列が "Action"の場合は、 "categoryCont"クラスの次のStringからActionを検出して、そのIDがどのIDであったかを調べたいと思います。

<button class = "categoryCont" id="1365" onclick="selection = (this.id), setupCategory()">Action and Adventure</button> 
<button class = "categoryCont" id="43040" onclick="selection = (this.id), setupCategory()">Comedies</button> 
<button class = "categoryCont" id="1568" onclick="selection = (this.id), setupCategory()">Sci-Fi and Fantasy</button> 
<button class = "categoryCont" id="43048" onclick="selection = (this.id), setupCategory()">Thrillers</button> 

はJQuery：

if($('.categoryCont:contains(text)')) 

それはそれぞれのバージョンを検索するように、私はこのコードを適応させることができますどのクラスにテキストが含まれている場合現時点では、私は単にチェックするjQueryのメソッドを使用していますテキストと一致する場合は、使用するIDを保存しますか？

ありがとうございました。

Answer 1

これは動作するはずです。

$(".categoryCont:contains('Comedies')").attr('id'); 

この​​3210

更新

あなたがidセレクターを適用したい場合はまだあなたが行うことができ、特定の要素（IDを見つける必要はありません）

$(".categoryCont:contains('Comedies')").hide(); 

を非表示にするにはこれを行う：

var id = $(".categoryCont:contains('Comedies')").attr('id'); 
$("#" + id).hide(); 

また、テキストを変数に割り当てることもできます。

var text = "Comedies"; 

$(".categoryCont:contains('" + text + "')").attr('id');