Question

JQUERY，请问如何获取LI下所有元素的VALUE值？

-----HTML------

<ul>
<li><p class="PLI_ID">1001</p><p class="PLI_NAME">小强</p><p class="PLI_AGE">13</p></li>
<li><p class="PLI_ID">1002</p><p class="PLI_NAME">小丽</p><p class="PLI_AGE">14</p></li>
<li><p class="PLI_ID">1003</p><p class="PLI_NAME">小明</p><p class="PLI_AGE">12</p></li>
<li><p class="PLI_ID">1004</p><p class="PLI_NAME">小红</p><p class="PLI_AGE">14</p></li>
</ul>
-------------------
上面一共四个LI元素，每个LI下分别有三个类名为PLI_ID\PLI_NAME\PLI_AGE的<P>元素，怎样将所有的编号\名字\年龄变成有序的数组或JSON？

Answer 1

var dataArray = [];

$('ul').children('li').each(function(){
var self = $(this).children('p');
var data = {
'pli_id': self.eq(0).text(),
'pli_name': self.eq(1).text(),
'pli_age': self.eq(2).text()
};
dataArray.push(data);
});

最后dataArray里面就是一个对象的数组，具体就是
[
{ pli_id: '1001', pli_name: '小强', pli_age: 13 },
{ pli_id: '1002', pli_name: '小丽', pli_age: 14 },
{ pli_id: '1003', pli_name: '小明', pli_age: 12 },
{ pli_id: '1004', pli_name: '小红', pli_age: 14 }
]

Answer 2

var o = $("li p"); //返回所有 <p>对象
然后根据o.length / 3 = 记录数
for( i = 0; i < 记录数; i ++ )
{
o.get(i * 3 + 0) 第一列
o.get(i * 3 + 1) 第二列
o.get(i * 3 + 2) 第三列
}

追问

你好，请问o是数组还是对象？o.get是什么函数？

Answer 3

<script type="text/javascript">
$(document).ready(function(){
var tagLi = $("li p");
var arr = $.makeArray(tagLi);
for(var i=0;i<arr.length;i++){
alert(arr[i].innerHTML);
}
});
</script>