<input type="button" value="添加li" onclick="InsertContent()" />
<ul id="ul">
</ul>
然后使用js脚本:
function InsertContent() {var html = "<li>1</li><li>2</li><li>3</li>";
$("#ul")html(html);
}
$("h4")each(function(index,eleDom){
$("ul")append("<li>" + eleDominnerHTML + "</li>");
})
var dataArray = [];
$('ul')children('li')each(function(){
var self = $(this)children('p');
var data = {
'pli_id': selfeq(0)text(),
'pli_name': selfeq(1)text(),
'pli_age': selfeq(2)text()
};
dataArraypush(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 }
]
思路:为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。实例演示如下:
1、HTML结构
<ul id="test"><li>Glen</li>
<li>Tane</li>
<li>John</li>
<li>Ralph</li>
</ul>
2、javascript代码
windowonload = function(){var obj_lis = documentgetElementById("test")getElementsByTagName("li");
for(i=0;i<obj_lislength;i++){
obj_lis[i]onclick = function(){
alert(thisinnerHTML);
}
}
}
3、效果演示
以上就是关于jquery怎么为<li>里的<a>加类怎么获取li里的<a>全部的内容,包括:jquery怎么为<li>里的<a>加类怎么获取li里的<a>、jquery获取h4的内容另外输出为li列表、JQUERY,请问如何获取LI下所有元素的VALUE值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)