2015-07-08 6 views
1

У меня есть таблица и внутри этой таблицы, подтаблицы для каждой записи. Каждая запись - $item. Пользовательский интерфейс - это средство поиска, которое может использоваться для отправки списка «выбранных» элементов через ajax для почтовой функции. Каждый элемент является таблицей с установленным флажком.jQuery Выберите таблицы, которые соответствуют критериям

Однако, когда я нажимаю флажок и выбираю send, это только получает HTML для одной таблицы, причем не все выбраны.

jQuery('#search-query-send').click(function(){ 

    jQuery('.apartment-entry:has(:checked)').each(function(){ 

    var content = jQuery(this).html() 
    console.log(content); 

    }); 

}); 

Проверь мои fiddle

Я хотел бы быть в состоянии console.log() HTML, для каждой таблицы, я выбрал.

+0

скрипку работает прекрасно для меня ... Добавить другой текст в коробках, и вы увидите его. –

+0

Не могу поверить, я не заметил, что тбх. lol –

ответ

0

Вы почти правильно выбрали селектор.

jQuery('#search-query-send').click(function() { 
    jQuery('.selectthis input:checked').each(function() { 
    var content = jQuery(this).parents('table').html(); 
    console.log(content); 
    }); 
}); 

http://jsfiddle.net/9d1pgjv8/7/

+0

Bang Tidy. Я знал, что я довольно близко. Спасибо за помощь. –

+0

Извините, но для того, чтобы принять это немного дальше, попробуйте еще раз взглянуть на скрипку, и вы увидите, что Ive добавила мою функцию ajax в складку. Я продолжаю получать ошибку, что содержимое не определено. Я предполагаю, что это потому, что у меня есть две отдельные функции. –

+0

Привет, создайте еще один вопрос, чтобы другие могли вам помочь. –

0

Вы должны предназначаться selectthis класса, так что будет получать флажок текст или значение или что вы хотите.

$('#search-query-send').click(function(){ 
 

 
\t $('.apartment-entry .selectthis:has(:checked)').each(function(){ 
 
\t \t var content = $(this).text() 
 
\t \t console.log(content); 
 
\t }); 
 

 
});

Смежные вопросы