Jquery Returing HTML как объект или массив

Question

Итак, у меня есть HTML-документ с 20 делениями с классом 'событие'.

rows = $(data).filter('.event');
alert(rows.length); //returns 20
alert(rows.html()); // only returns first result

То, что я хочу сделать, это получить html в объекте или массиве, чтобы я мог циклически проходить и каждый третий обернуть вокруг них div, проблема в rows.html () возвращает только первый результат, но rows.length это правильный.

Пожалуйста, любая помощь будет оценена.

Answer 1

Вы можете использовать map () для построения массива из содержимого HTML ваших элементов:

var htmlContentArray = rows.map(function() {
    return $(this).html();
}).get();

Однако, если вы хотите обернуть содержимое каждой третьей строки, вы можете просто использовать wrapInner () с селектором : nth-child () :

$(data).filter(".event:nth-child(3n)").wrapInner("<div></div>");

Answer 2

Попробуйте эту функцию:

var arr = jQuery.map(rows, function (item) { 
  return $(item).html(); 
});

Answer 3

строк это массив, поэтому вы должны перебрать

for(var i=0; i<rows.length(); i++){
 rows[i].html();
}

Answer 4

jQuery пытается конвертировать / интерпретировать html-код, если вы оберните $( ), поэтому попробуйте сделать $(rows.html()).Затем повторить:

$.each(rows, function(index, value) {
    // Code here
}

Answer 5

Вы можете использовать:

rows.each(function(index, element)) {
  // Your code goes here
  alert($(this).html());
});

Для итерации каждого элемента коллекции jQuery.