HTML-код:
<table>
<tr>
<td>The first row</td> <td>The first row</td>
</tr>
<tr>
<td>The second row</td> <td>The second row</td>
</tr>
<tr>
<td>The third row</td> <td>The third row</td>
</tr>
<tr>
<td>The forth row</td> <td>The forth row</td>
</tr>
</table>
<hr>
<table>
<tr>
<td>The first row</td> <td>The first row</td>
</tr>
<tr>
<td>The second row</td> <td>The second row</td>
</tr>
<tr>
<td>The third row</td> <td>The third row</td>
</tr>
<tr>
<td>The forth row</td> <td>The forth row</td>
</tr>
</table>
код jQuery:
$(function () {
$("table:first tr").css("background", "#ffbbbb"); //work
$("table:last>tr").css("background", "#ffbbbb"); //not work
$("table:last").children("tr").css("background", "#ffbbbb"); //not work
});
Результат: фон первой таблицы изменен, а второй таблицы нет. Кажется, селектор пробела работал, а селекторы '>' и 'children()' - нет. Почему?
Рабочий пример: https://jsfiddle.net/6knk67gd/1/
Я проверил использование этих двух селекторов, но до сих пор не могу найти никаких проблем в своем коде. Подскажите, пожалуйста, как их правильно использовать, спасибо~