Может кто-нибудь объяснить этот синтаксис для метода .appendTo ()?

Question

Я впервые настроил таблицы данных и наткнулся на этот код, который прекрасно работает. Он аккуратно помещает контейнер кнопок в таблицу данных.

Тем не менее, мне трудно понять, как это работает, учитывая синтаксис. Я взглянул на документацию .appendTo () здесь , но она не полностью объясняет синтаксис ниже.

api.buttons().container().appendTo( '#' + api.table().container().id + ' .col-sm-12:eq(0)' );

В частности, я нене понимаю содержание target.

# - Для элемента, к которому он добавляется, не назначено свойство id.

Что api.table().container().id делает там?

И, наконец, он размещает контейнер кнопок в элементе с классами .col-sm-12, но что такое eq(0) ??

Буду признателен за любой вклад. Спасибо !!

Answer 1

Итак, чтобы ответить на этот вопрос ... цель - это буквальное утверждение, в котором # сгруппировано со значением, содержащимся в api.table().container().id (обратите внимание, что в нем нет одинарных кавычек.

Для оставшейся частицель, вы заметите, что после одинарной кавычки и перед .col-sm-12:eq(0) есть пробел. Это создает второй параметр для соответствия, который является вышеупомянутым классом, а :eq(0) гарантирует, что это не будет предназначаться для каждого экземпляра, новместо этого выберите только первый экземпляр. 0 - первый элемент в списке / последовательности.