Преобразование строк значений Div в массив с помощью jQuery
Пример: У меня есть переменное количество строк, в каждой по 3 блока с такими классами:
<div class = "row>
<div class='date'>1/2/2018</div>
<div class='event'>concert</div>
<div class='act'>Pink Floyd</div>
</div>
<div class = "row>
<div class='date'>12/5/2017</div>
<div class='event'>dj set</div>
<div class='act'>Moby</div>
</div>
<div class = "row>
<div class='date'>5/5/2018</div>
<div class='event'>movie</div>
<div class='act'>Ant-Man</div>
</div>
Как я могу использовать jQuery, чтобы собрать их в ассоциативный массив, который я передам на php для INSERT в таблицу базы данных?
Не могли бы вы рассказать мне больше о том, как это работает? Разве он не будет собирать div с классом div?
вы сказали How can I use jQuery to gather them into an array - вот как ... если вам нужен конкретный формат вывода, включите его в свой вопрос вместе с любыми фактическими попытками, которые вы, возможно, предприняли для решения своей собственной проблемы
Я пробовал здесь jsfiddle.net/c1bpy07d, вроде работает. Есть ли способ сделать это ассоциативным массивом?
Есть ли простой способ вывести их с разделителями-запятыми?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Чтобы выбрать все div со строкой класса, используйте это
var rows=$('div.row');
Чтобы пройти через это, используйте это
var array=[];
for(var i=0;i <rows.length;i++){
$.each(rows,function(){
var children=this.children('div');
$.each(children,function(){
var index=this.attr('class');
var value=this.text();
array[i][index]=value;
});
});
}
console.info (массив);
Это красиво дает следующее: jsfiddle.net/sqL2gfny, хотя я не понимаю, как с этим прокрутить только список в php. Есть ли способ сделать из него ассоциативный массив?
Я установил это здесь jsfiddle.net/Ldn7e964, но я не уверен, какой код мне следует вставить в скобки и как
Вы можете использовать map для прохода через div .row. Используйте reduce, чтобы сгруппировать внутренние div в объект js.
var result = $('.row').map(function() {
return $(this).find('div').toArray().reduce(function(c, v) {
c[$(v).attr('class')] = $(v).text();
return c;
}, {});
}).get();
console.info(result);<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class = "row">
<div class='date'>1/2/2018</div>
<div class='event'>concert</div>
<div class='act'>Pink Floyd</div>
</div>
<div class = "row">
<div class='date'>12/5/2017</div>
<div class='event'>dj set</div>
<div class='act'>Moby</div>
</div>
<div class = "row">
<div class='date'>5/5/2018</div>
<div class='event'>movie</div>
<div class='act'>Ant-Man</div>
</div>
Array.from ($ ('div'))