jQuery 在表格单元格中找不到输入

Question

我的表格单元格值有一个奇怪的问题。

我的 HTML 是这样的:

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

我想替换带有 input 标签的单元格。

所以我:

 $('table').find('td').each(function(){
      if($(this).text()==''){
          console.log('found input')  

      }
  })

但是，我似乎无法用我的代码找到它。

这里有什么提示吗？

Answer 1

是的，其他人是对的，text 可能返回了几个空格。

您可以让您的生活更轻松，并且使用它。

$('td').has('input');

或者如果其他元素也有输入，你可以这样做

$('td').has('input').filter(function(){
   return $(this).children() === 1;
}); 

或者如果你不想坚持你的text方法，你可以修剪空白

$('td').each(function(){
   if( $(this).text().replace(/\s/g, '') === '' ) {
      console.log('Input found!');
   }
});

演示:http://jsfiddle.net/ck6zn/