jquery - テーブルに含まれる入力タグを見つける方法

Question

検索方法について質問です。

inputタグを含むセルを識別できるようにしたい。

私のhtmlは

<table>
   <tr>
      <td> celll </td>
      <td> celll </td>
      <td> celll </td>
   </tr>
   <tr>
      <td> celll </td>
      <td> <span><input type='text'></span> </td>
      <td> <span><input type='text'></span> </td>
   </tr>
</table>

私のJquery

$('table').find('td').each(function(){
          if($(this).find("input").length){
             console.log('found')
          }
      })

私のコードはそれを見つけることができないようです。任意のヒント？どうもありがとう！

Answer 1

2 回使用するのではなく、.find()1 回だけ使用して.closest()セルを取得します。

$('table').find('input').each(function(){
    var parent = $(this).closest('td');
    //do something with parent
});

デモ: http://jsfiddle.net/dirtyd77/kdL97/

Answer 2

var cells = $('table').find('td');

$.each(cells, function(i){
  var that = $(this);
  var hasInput = that.find("input");
    if(hasInput.length > 0){
        console.log("td #" + i + " has an input sire.");
    }
});