Jquery 怎样获得当前点击的li 元素中超链接的值 比如:<li><a href="#">一级菜单<a><li>

Jquery 怎样获得当前点击的li 元素中超链接的值 比如:<li><a href="#">一级菜单<a><li>,第1张

<script>

$(function(){

var str = $("li a")text();

});

</script>

上面程序里的 str 就等于li里面a的值 也就是“一级菜单

jquery里面的text()可以获取标签的值,同样也可以改变标签的值

比如:<li id="a_1">一级菜单</li>

$("#a_1")text("二级菜单");

这个时候li标签里面的值就变为“二级菜单”了

1、首先打开html编辑器,新建一个html文件,里面写入4个li标签,并在上方的style标签中设置li的样式,给li标签高度和宽度以及边框,同时设置li标签之间的间隔。

2、然后在script标签中写入js,首先用getElementsByTagName获取所有li标签的dom元素,任何使用for循环遍历数组中的元素,for循环内部设置每个li标签的index元素,在给每个元素添加点击事件,点击之后就会d出li标签的index值出来。

3、最后打开浏览器,点击其中的一个标签,就会d出对应的li标签数值了。

因为不仅一个li,你这样写是拿不到任何一个li的值,你想要获取全部li的值,只能自己写个函数来循环得到里面所有的li的值,给ul绑定一个叫test的id,然后执行下下面的代码

windowonload = function(){

    var obj_lis = documentgetElementById("test")getElementsByTagName("li");

    for(i=0;i<obj_lislength;i++){

        obj_lis[i]onclick = function(){

            alert(thisinnerHTML);

        }

    }

}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

以上就是关于Jquery 怎样获得当前点击的li 元素中超链接的值 比如:<li><a href="#">一级菜单</a></li>全部的内容,包括:Jquery 怎样获得当前点击的li 元素中超链接的值 比如:<li><a href="#">一级菜单</a></li>、js如何获取被点击li是第几个、jq如何获取li里面value值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存