jQuery - Können Sie jedes Paar von HTML-Elementen durchgehen? Wie jeder <h3> </ h3> <div> </ div>? - jquery

Ich habe ein JQuery-Akkordeon, das ich als Schleife verwenden möchte, um die Daten von ihnen zu erfassen.

Das Format ist:

<h3>Title</h3>
<div><textarea>Description</textarea></div>

Kann ich jedes Paar durchlaufen, um den Namen und die Beschreibung abzurufen? Ich würde sie lieber nicht in ein anderes div wickeln, wenn ich nicht muss.

Vielen Dank.

Antworten:

Du kannst tun:

$("h3").each(function() {
console.log($(this).text()); <--- Your title text
console.log($(this).next("div").children("textarea").text()); <--- description
});

Demo: http://jsfiddle.net/bC5Mk/

Versuchen Sie den folgenden Code, wenn Ihre Struktur immer ist h3 und dann a div,

var items = [];
$("h3").each (function () {
items.push({
"Name": $(this).text(),
"Description" : $(this).next().text()
});
})

Du könntest das tun:

var things = $("h3").map(function(){ return {
name: $(this).text(),
description: $(this).next("div").find("textarea").val()
}}).get();

Demonstration