jQuery如何选择儿童第一级div

Question

我在定位一些没有类的 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="top"] 是什么

所以我想用 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')

Answer 2

在我看来，你应该更多地依赖你自己设置的类，而不是html属性。

如果您确定自己的标记，请尝试 $('table.blog>tbody>tr>td>div') 。 但是，如果我是你，我会在更靠近目标项目的地方添加一个类，以便编写一个更简单的选择器。这样可以更灵活地维护。