jQuery 如何选择子一级 div

Question

我在定位一些没有类的 div 时遇到了一些问题，这些 div 位于表结构中:

<table class="blog" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td valign="top">
        <div>               <--- I want to target this
          <table class="some_table_class">
            <tbody>
              <tr>
                <td class="someclass" valign="top">
                   <div>This div should stay untouched, and every of his potential div children</div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div></div>      <--- I want to target this
        <div></div>      <--- I want to target this
        <div></div>      <--- I want to target this
         .
         .
         .
      </td>
    </tr>
  </tbody>
</table>

我试图只在 CSS .blog td[valign="top"]>div 中做到这一点，但是这个也影响了第二个 div + 似乎 IE 不明白什么 [valign= “顶部”]是

所以我想用 jQuery 向那些 div 添加一些类

有什么有效的方法吗？

.blog>tbody>tr>td>div ...我觉得有点奇怪而且用起来很长

谢谢你的建议

我忘了.. 我只能用 jquery 编辑 html 结构，我没有访问 .php/.html 文件的权限

Answer 1

试试这个

 $('td[valign="top"]').find("div") // this will find all the divs

已更新

要么你用一个类选择器命名所有的div，然后用类选择器得到它..

否则你可以使用 not() 来排除它..但需要给出一个应该被排除的 id 或类......

HTML

<div id="notthis">This div should stay untouched, and every    

Jquery

$('td[valign="top"]').find("div:not('#notthis')").addClass('test');

fiddle 中的简单示例

评论后更新

$('td[valign="top"]').find("div:not('.someclass div')").addClass('test')