`

js获取li标签的value值

阅读更多
http://blog.csdn.net/hgh19890130/article/details/8803630
首先你要注意一点li标签的value属性只支持数字类型.即该标签的序号.所以如果你想取得li里面的属性的话.可以自己在li标签里面自定义属性.然后通过jquery的attr方法获取的属性的值
<ul>
    <li p="课程设计"><a href="javascript:;">课程设计</a></li>
    <li p="学年论文"><a href="javascript:;">学年论文</a></li>
</ul>
$(function(){
    $("li").click(function(){
        alert($(this).attr("p"))
    });
});
分享到:
评论

相关推荐

    JavaScript使用ul中li标签实现删除效果

    本文实例为大家分享了js使用ul中li标签实现删除效果的具体代码,供大家参考,具体内容如下 &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&...

    Jquery和JS获取ul中li标签的实现方法

    js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElementsByTagName("ul"); var itemss=items[2].getElementsByTagName("li");//获取第二个li标签 或 var ...

    jquery获取当前点击对象的value方法

    例:获取ul中li的value值 首先,在html中我们要为每个li设置value值 代码如下: &lt;ul&gt; &lt;li value=”你好”&gt;&lt;/li&gt; &lt;li value=”hello”&gt;&lt;/li&gt; &lt;li value=”&gt;&lt;/li&gt; &lt;/ul&gt; 再通过jquery根据点击事件获取对应的value 代码...

    HTML li 标签.docx

    HTML li 标签.docx li 标签

    li标签前面添加图标

    html li前添加图标,通过三种方法添加,第一种是:list-style-image,第二种是:background的方式实现,第三种:通过字体库引入图标

    动态改变li标签样式

    function change(obj){ var arrayli = obj.parentNode.... //获取li数组 for(i=0;i;i++) { arrayli[i].className=""; if(obj==arrayli[i]) { obj.className="test"; } } } &lt;/script&gt;

    js循环给li绑定事件实现 点击li弹出其索引值 和内容的方法

    js循环给li绑定事件实现 点击li弹出其索引值 和内容的方法

    jquery 交叉合并li标签

    用jquery实现交叉合并2个ul标签!

    jQuery获取checkboxlist的value值的方法

    但是生成的静态页面居然没有ListItem的Value值,所以默认情况下用js在页面中是取不到ListItem的值的。至于为什么不显示value值,我也不清楚,本篇给出一个用jQuery获取checkboxlist值的方法。 先看看原始的页面html...

    HTML li 标签.doc

    HTML li 标签.doc

    JS实现点击li标签弹出对应的索引功能【案例】

    本文实例讲述了JS实现点击li标签弹出对应的索引功能。分享给大家供大家参考,具体如下: 需求:点击li标签,弹出对应的索引 先看效果: ... &lt;li&gt;我是li标签1&lt;/li&gt; ...//获取所有的li标签 for(var i=0;i&lt;list.length;

    Javascript 获取LI里的内容

    代码如下:数据源:&lt;/strong&gt; &lt;ul&gt; &lt;li&gt;软件开发网&lt;/li&gt; &lt;ul&gt; &lt;li&gt;a_1&lt;/li&gt; &lt;li&gt;a_2&lt;/li&gt; &lt;li&gt;a_3&lt;/li&gt; &lt;/ul&gt; &lt;li&gt;www.jb51.net&lt;/li&gt; &lt;li&gt;www.kanshule.com&lt;/li&gt; &lt;/ul&gt; [removed] [removed](“取外层ul的li信息:...

    JS实现li标签的删除

    主要为大家详细介绍了JS实现li标签的删除,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    弹出框li标签

    直接解压把相关的样式,js及页面应用到相应的页面中。界面美观

    一个获取第n个元素节点的js函数

    一个获取第n个元素节点的函数,现在只能通过html标签获取元素,功能还不完善 演示:html &lt;li&gt;1&lt;button&gt;a&lt;/button&gt;&lt;/li&gt; &lt;li&gt;2&lt;button&gt;b&lt;/button&gt;&lt;button&gt;o&lt;/button&gt;&lt;/li&gt; &lt;p&gt;...

    使用vue点击li,获取当前点击li父辈元素的属性值方法

    今天小编就为大家分享一篇使用vue点击li,获取当前点击li父辈元素的属性值方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    javascript动态修改Li节点值的方法.docx

    javascript动态修改Li节点值的方法.docx

    JavaScript获取页面元素的常用方法详解

    1、通过标签获取元素,返回一个数组  var li = document.getElementsByTagName('li');//标签获取元素  li[0][removed];// 查看获取元素的内容  li[0][removed] = content;//修改获取到标签中的内容 2、通过id...

Global site tag (gtag.js) - Google Analytics