javascript - jQueryはテキストを検索し、サブ要素からIDを抽出します

Question

すべての div で特定のテキスト「www.url.com」を検索しようとしています

www.url.com が見つかった場合、サブテーブルからテーブル ID を抽出します。

私のhtmlは次のようなものです：

<div class="box" id="results">
   <div class="box-header">
      <h1>www.url.com</h1>
   </div>
   <table cellpadding="0" cellspacing="0" border="0" class="display" id="24">
      <thead>
         <tr>
            <th>col</th>
         </tr>
         <tr id="161">
            <td class="kw" style="border-left: 1px solid white;border-right: 1px solid #F4F4F4;padding: 12px 14px;position: relative;text-align: left;">111111</td>

         </tr>
      </thead>
      <tbody></tbody>
   </table>

この場合、id="24" を見つけたいと思います。

これは私がこれまでに持っているものです:

var foundin = $('*:contains("www.url.com")');

IDを取得する方法がわかりません:)

Answer 1

使用する：

foundin.find('table').attr('id');

すべてのインスタンスを収集する場合は、次のようなものを使用します。

foundin.each(function(){
    $(this).find('table').attr('id'); // Gets the ID
    // Store it into something like an array
});

Answer 2

これを試してみてください。すべてのテーブルが同じに見える場合、これは機能するはずです。

 $('*:contains("www.url.com")').find('table:first').attr('id');

Answer 3

var tableId = $('*:contains("www.url.com")').closest('.box').find('table').attr('id');