Выберите элемент внутри другого согласованного набора элементов в JQuery

Question

Предположим, я следующий селектор:

var slots = $('.clinic-branch-2.doctor-has-specialty-3').parent().siblings(); 

, которая дает мне этот результат:

[div.col-xs-3.col-sm-3.col-md-2, div.col-xs-4.col-sm-4.col-md-4.slots-go-here, prevObject: m.fn.init[1], context: document] 

Что мне нужно, чтобы выбрать .slots-go-here элемент. Я попытался получить к нему доступ с индексом [1], однако он возвращает необработанный HTML. Позже мне нужно позвонить .html(someHtmlString) по моему выбору. Как я могу это сделать?

Answer 1

$.siblings может принимать селектор. see docs.

$('.clinic-branch-2.doctor-has-specialty-3').parent().siblings('.slots-go-here');

Answer 2

Вы можете передать селектор .siblings() метод

var slots = $('.clinic-branch-2.doctor-has-specialty-3').parent().siblings('.slots-go-here'); 
slots.html('Do Something') 

Answer 3

Yo можно добавить селектор класса для братьев и сестер():

var slots = $('.clinic-branch-2.doctor-has-specialty-3').parent().siblings('.slots-go-here');