jQuery - Czy potrafisz pokonać każdą parę elementów HTML? Jak co <h3></h3><div> </div>? - jquery

Mam akordeon jquery, który chciałbym zapętlić, aby pobrać z nich dane.

Format to:

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

Czy mogę zapętlić każdą parę, aby uzyskać nazwę i opis? Wolałbym nie owijać ich w inny div, jeśli nie muszę.

Dzięki.

Odpowiedzi:

Możesz to zrobić:

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

Próbny: http://jsfiddle.net/bC5Mk/

Wypróbuj poniższy kod, jeśli twoja struktura jest zawsze h3 a następnie a div,

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

Możesz to zrobić:

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

Demonstracja