jquery 选择 Table，但只能在 Div 之后

Question

在我的大多数页面上，我都有一个特定的 div 来保存该页面的标题:

<div id="pagetitle">Some Title</div>

通常紧接着是一张 table 。 我想选择所有表格，但仅选择 #pagetitle div 之后的表格。

我打算向这些表格添加一些CSS。目前我必须创建一个类并将该类添加到所有表中。但我有很多页面。

当前代码:

$('table.valigntop tr td').css('vertical-align','middle');

我需要一些帮助来创建一个很酷的 jquery select 语句，该语句选择 #pagetitle 元素之后存在的所有表。这是否是我网站的最佳方式仍有待确定。

Answer 1

或者，您也可以使用 nextAll() 这是一个示例 http://jsfiddle.net/Q8Af6/

HTML:

<table><tr><td>table one</td></tr></table>
<table><tr><td>table two</td></tr></table>
<div id='pagetitle'></div>
<table><tr><td>table three</td></tr></table>
<table><tr><td>table four</td></tr></table>
<table><tr><td>table five</td></tr></table>

CSS:

div, table{
    display:block;
}

JS:

$('#pagetitle').nextAll('table').css("background", "yellow");

编辑 JS:添加 td 选择器 http://jsfiddle.net/Q8Af6/1/

$('#pagetitle').nextAll('table').find('td').css("background", "yellow");