how to select which doesn't has an input child

how to select which doesn't has an input child

I try to use .not(children('input')) to select which doesn't has an input child, but it doesn't work.


  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <script src="js/jquery-1.4.2.min.js"></script> 
  6. </head>
  7. <body>
  8. <table width="100%" border="1">
  9. <thead>
  10. <tr>
  11. <td>
  12. <input type="checkbox" id="chk_del">
  13. </td>
  14. <td colspan="2">
  15. </td>
  16. </tr>
  17. </thead>

  19. <tbody>
  20. <tr>
  21. <td>
  22. <input type="checkbox" id="del[]" value="del1">
  23. </td>
  24. <td>alert</td>
  25. <td>alert
  26. </td>
  27. </tr>
  28. <tr>
  29. <td>
  30. <input type="checkbox" id="del[]" value="del2">
  31. </td>
  32. <td>alert
  33. </td>
  34. <td>alert
  35. </td>
  36. </tr>
  37. </tbody>

  39. <tfoot>
  40. </tfoot>
  41. </table>
  42. </body>
  43. <script>
  44. $('#chk_del').change(function()
  45. { $("tbody > tr > td > input:checkbox").attr('checked', $('#chk_del').is(':checked'));
  46. });

  48. $('tbody > tr > td').not(children('input')).click(function()
  49. { alert('doesnt has an input child');
  50. });
  51. </script>
  52. </html>