用jquery给div ul中个每个li的a添加值?

用jquery给div ul中个每个li的a添加值?,第1张

不知道你讲的添加不同的值是什么意思?

是要将a内显示的值更改成不同值还是将超链接改成不同的地址,或者是其它的什么呢?

下面给出了一个获取li下面a标签,然后修改a标签相关内容的方法:

<script type="text/javascript">

$(document).ready(function(){

$("#bottom").find('li > a').each(function(i ,e){

        // 将a的显示值更改,同时为a添加不同的超链接

$(this).text("连接" + i).attr("href", "#"+i)

})

})

</script>

上面的text()方法是更新标签的显示值

attr("属性名", "属性值")方法是更新标签的属性值

具体可以查问相关API

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。

2、在index.html中的<script>标签,输入jquery代码:$('body').append($('a').attr('id'))。

3、浏览器运行index.html页面,此时成功获取到了a标签的id值。

$("ul").prepend('<a href=""></a>') /* ul 内-前面 插入内容 */

$("ul").append('<a href=""></a>') /* ul 内-后面 插入内容 */

$("ul").before('<a href=""></a>') /* ul 外-前面 插入内容 */

$("ul").after('<a href=""></a>') /* ul 外-后面 插入内容 */


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

原文地址: http://outofmemory.cn/bake/11920963.html

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

发表评论

登录后才能评论

评论列表(0条)

保存