Как получить доступ к элементам внутри вкладки jQuery

Question

Как получить доступ к элементам внутри вкладки jQuery

0

Мне нужно получить доступ к некоторым элементам внутри вкладки при нажатии пользователем на вкладке.

$('.myTabs').tabs({
    activate: function(event,ui){
        console.log("Give me some tab contents here...");
    }
});

PS: я не могу использовать идентификатор, чтобы перейти непосредственно к моей вкладке, потому что serveride отображает несколько вкладок с разными идентификаторами.

У кого-нибудь есть идеи?

RealityDysfunction 08 янв. 2014, в 00:54

Источник

0

Какие именно элементы вы хотите сослаться на вкладке?
gfrobenius 07 янв. 2014, в 23:02
0

Давайте просто скажем несколько текстовых полей.
RealityDysfunction 07 янв. 2014, в 23:03
1

Я думаю , что вы можете использовать в ui параметр newPanel свойства.
John S 07 янв. 2014, в 23:04
0

У меня скрипка почти готова ...
gfrobenius 07 янв. 2014, в 23:06

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

Теги:

javascript

jquery

jquery-ui

2 ответа

1

Здесь вы найдете: http://jsfiddle.net/RNvwv/6/

$('.myTabs').tabs({
    activate: function(event,ui){
        //alert(ui.newTab.index());
        //console.log(ui);
        //console.log(ui.newPanel.selector);
        //Here is how to reference a text value in the tab you are clicking on...
        alert($(ui.newPanel.selector+' [name^="myField"]').val());
    }
});

Очевидно, вы можете изменить селектор, чтобы ваши текстовые поля находились на конкретном идентификаторе или что-то еще. Я пошел с именем, которое начинается с "myField", так что, когда вы переходите на вкладку 2, он находит "myField2" и когда вы вернетесь на вкладку 1, он найдет "myField1".

gfrobenius 07 янв. 2014, в 20:26

Ещё вопросы

Какие именно элементы вы хотите сослаться на вкладке?
Давайте просто скажем несколько текстовых полей.
Я думаю , что вы можете использовать в ui параметр newPanel свойства.

John S · Accepted Answer · 2014-01-07T21-42-00.000Z

Используйте ui параметры newPanel свойства:

$('#tabs').tabs({
    activate: function(event,ui) {
        console.log(ui.newPanel.find('p').text());
    }
});

Примечание. Свойством ui.newPanel является объект jQuery.

Дополнительную информацию см. В документации к вкладкам jQuery UI.

jsfiddle

@RealityDysfunction - я обновил код, чтобы удалить ненужный вызов $() . Оказывается, значение ui.newPanel является объектом jQuery, а не элементом DOM.