jquery - jQuery - 你能遍历每一对 html 元素吗？像每一个

Question

我有一个 jquery 手风琴，我想循环从它们那里获取数据。

格式为：

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

我可以遍历每一对以便获取名称和描述吗？如果不需要，我宁愿不将它们包装在另一个 div 中。

谢谢。

Answer 1

你可以做：

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

演示：http: //jsfiddle.net/bC5Mk/

Answer 2

你可以这样做：

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

示范

Answer 3

如果您的结构总是h3然后是 a ，请尝试以下代码div，

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