Выберите td наивысшего уровня в структуре вложенных таблиц с помощью jQuery

Question

Выберите td наивысшего уровня в структуре вложенных таблиц с помощью jQuery

0

Я пытаюсь выбрать самый высокий уровень td во вложенной структуре таблицы, подобной этой (внутри первого уровня td есть больше таблиц с большим количеством td которые не следует выбирать

<table>
  <tr>
    <td>        <!-- this is what I want to select -->
      <table /> <!-- more td inside that I don't want to select -->
    </td>
  </tr>
  <tr>
    <td>        <!-- this is what I want to select -->
      <table /> <!-- more td inside that I don't want to select -->
    </td>
  </tr>
</table>

Для выбора нужного td было бы просто: table > tr > td. Однако может быть table с тегами tbody:

<table>
  <tbody>
    <tr>
      <td>        <!-- this is what I want to select -->
        <table /> <!-- more td inside that I don't want to select -->
      </td>
    </tr>
    <tr>
      <td>        <!-- this is what I want to select -->
        <table /> <!-- more td inside that I don't want to select -->
      </td>
    </tr>
  </tbody>
</table>

Это тоже было бы легко: table > tbody > tr > td.

Как я могу найти легкое выражение, которое не зависит от селектора > child и работает повсеместно?

Что-то вроде table tr > td (который, очевидно, не работал бы, так как он выбирает td внутри вложенной таблицы. Спасибо!

Horen 28 март 2014, в 16:46

Источник

0

Вам нужно будет найти что-то уникальное в таблице переноса, чтобы нацелиться на нее, например, на родительский элемент, идентификатор, индекс и т. Д.
adeneo 28 март 2014, в 15:27
0

table > tbody > tr > td будет работать универсально и, вероятно, будет самым быстрым решением. Почему ты против?
Felix Kling 28 март 2014, в 15:32
1

большинство браузеров предполагают, что вы забыли добавить tbody и добавят его сами (за некоторыми исключениями из-за doctype). Также я знаю, что это звучит скучно, но если у вас есть только две возможности, не будет ли селектор типа $('table > tbody > tr > td', 'table > tr > td'); Покажи фокус? Без этого потребуется много родительских проверок, чтобы получить правильный td
Spokey 28 март 2014, в 15:36
0

@ Говори, конечно, это сработает, но я очень хочу учиться, поэтому я подумал, что может быть лучший способ сделать это ...
Horen 28 март 2014, в 15:40

Показать ещё 2 комментария

Теги:

jquery

dom

jquery-selectors

1 ответ

Ещё вопросы

Вам нужно будет найти что-то уникальное в таблице переноса, чтобы нацелиться на нее, например, на родительский элемент, идентификатор, индекс и т. Д.
table > tbody > tr > td будет работать универсально и, вероятно, будет самым быстрым решением. Почему ты против?
большинство браузеров предполагают, что вы забыли добавить tbody и добавят его сами (за некоторыми исключениями из-за doctype). Также я знаю, что это звучит скучно, но если у вас есть только две возможности, не будет ли селектор типа $('table > tbody > tr > td', 'table > tr > td'); Покажи фокус? Без этого потребуется много родительских проверок, чтобы получить правильный td
@ Говори, конечно, это сработает, но я очень хочу учиться, поэтому я подумал, что может быть лучший способ сделать это ...

Felix Kling · Accepted Answer · 2014-03-28T13-58-00.000Z

Как я выразился в своем комментарии, я все сторонник table > tbody > tr > td, но в качестве альтернативы вы можете использовать

td:not(td td)

Это выбирает все td элементы, которые не являются потомками элемента td. Но учтите, что это будет работать только с jQuery, потому что вы обычно не можете использовать сложные селекторы с :not.

Кроме того, используйте метод .not:

$('td').not('td td')