jquery怎么为<li>里的<a>加类怎么获取li里的<a>

jquery怎么为<li>里的<a>加类怎么获取li里的<a>,第1张

<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值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9336580.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存