`

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"))
    });
});
分享到:
评论

相关推荐

    jQuery如何取网页中li的值.zip

    4. **`.attr()`**:如果`&lt;li&gt;`元素包含属性,如`value`,你可以使用`.attr('attributeName')`来获取这些属性的值。例如,如果`&lt;li&gt;`有`data-value`属性,可以这样获取: ```javascript var value = $('li').attr('...

    js获取节点方法1

    本文将详细介绍几种常见的JavaScript获取节点的方法,并探讨如何读写属性节点。 首先,我们关注的是通过不同的方式来获取元素节点: 1. **通过ID获取元素**:这是最直接的方法,`getElementById()`函数接受一个...

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

    接下来,我们将利用jQuery为这些`&lt;li&gt;`元素绑定点击事件,并通过`.val()`方法获取被点击`&lt;li&gt;`的value值: ```javascript $(document).ready(function(){ $("li").click(function(){ alert($(this).val()); }); ...

    JS实现动态增加和删除li标签行的实例代码

    本文将通过一个具体的实例,讲解如何使用JavaScript实现动态增加和删除`li`标签行。 首先,我们来看一下如何添加`li`标签。在这个示例中,`addDepartment`函数用于动态创建一个新的`li`元素。以下是如何实现这一...

    HTML:自定义标签属性

    2. **JavaScript 代码**:获取 `&lt;li&gt;` 元素并根据 `data-textlength` 属性截取文本。 ```javascript var listItems = document.getElementsByTagName('li'); for (var i = 0; i ; i++) { var item = listItems[i...

    jQuery回车创建创建标签代码.zip

    1. **添加标签**:当用户在输入框中输入内容并按下回车键时,可以通过监听`keyup`事件,检查是否为回车键(键码13),然后获取输入框的值并创建一个新的标签元素。新标签通常会被添加到一个预设的容器元素内,例如一...

    javascript学习笔记

    - **获取节点值**:对于表单控件(如`&lt;input&gt;`),可以通过`value`属性获取其值。 - 示例: ```javascript var value = document.getElementById("inputElement").value; ``` - **设置节点值**:同样地,也可以...

    JavaScript实现向OL列表内动态添加LI元素的方法

    `:获取用户在文本输入框(`&lt;input type="text" id="ItemToAdd" /&gt;`)中输入的值。这是要添加到列表的新项。 2. `var mylistItems = document.getElementById("mylist");`:获取ID为`mylist`的有序列表元素。这是...

    JsRender 的使用demo

    例如,`{{:value}}` 用于输出数据对象的属性值。 2. **数据绑定**: JsRender 提供了强大的数据绑定能力,允许在模板中直接访问和操作数据模型,无需额外的绑定层。 3. **标签语法**: 除了基本的表达式输出,Js...

    javascript获取网页中指定节点的父节点、子节点的方法小结.docx

    以上方法覆盖了大部分通过JavaScript获取DOM中指定节点的需求。在实际开发中,根据具体场景选择合适的方法是非常重要的。随着现代浏览器对CSS选择器的支持不断增强,使用如 `querySelector` 和 `querySelectorAll` ...

    ul模仿select选框

    此外,如果你需要获取用户的选择,可以通过监听`&lt;select&gt;`元素的`change`事件,或者直接从`#hiddenSelect`的`value`属性中获取。 总的来说,使用`&lt;ul&gt;`和`&lt;li&gt;`模拟`&lt;select&gt;`的优点在于可以实现高度定制的界面效果...

    angular或者js怎么确定选中ul中的哪几个li

    在JavaScript或Angular中,我们可以使用jQuery或者原生DOM操作来获取选中的radio的值: ```javascript $('input[name="singleChoice"]:checked').val(); // 使用jQuery ``` 或者 ```javascript document....

    jQuery给HTML标签添加自定义属性.zip

    2. 获取自定义属性值 要获取HTML元素的自定义属性值,同样使用`.attr()`方法: ```javascript var value = $("#myButton").attr("data-value"); console.log(value); // 输出 "123" ``` 3. 应用实例:Tab切换效果 ...

    javascript 对象操作作业题

    - 用于通过标签名获取多个元素。 3. **getElementsByName**: - 用于通过name属性获取多个元素。 #### 题目九:文档中div元素的遍历 1. **获取所有div元素**: - 使用`document.getElementsByTagName('div')`...

    【JavaScript源代码】JavaScript实现留言板添加删除留言.docx

    li.innerHTML = text.value + "&lt;a href='javascript:;' title='删除该留言'&gt;删除&lt;/a&gt;"; // 将新元素插入到的最前面 ul.insertBefore(li, ul.children[0]); // 给所有删除按钮绑定点击事件 var as = document....

    websocket简单使用

    1. 使用Node.js和ws库,首先需要安装ws模块:`npm install ws` 2. 创建WebSocket服务器,监听特定端口,接收和发送消息: ```javascript const WebSocket = require('ws'); const wss = new WebSocket.Server({ ...

    JSP标签使用实例

    **JSP标签使用实例** ...在这个实例中,我们了解了如何使用JSP标签实现动态分页,包括计算总页数、获取当前页数据以及在页面上展示数据和分页链接。理解并熟练掌握这些技术对于提升Web应用的用户体验至关重要。

    dwr utils.js常用方法整理

    `getValues()` 方法可以批量获取元素值,支持传入ID-Value的键值对或整个表单元素作为参数。该方法返回一个类似Map的对象,可直接用于服务器端的处理逻辑,如将数据转换为bean类型以便进一步操作。 ### 3. 赋值:...

    JavaScript的DOM查询.pdf

    除了上述的节点属性和方法外,文档对象模型还提供了其他操作节点的方法,比如读取和设置节点的value属性值、文本值,获取页面中的body标签、html的根标签,获取页面中所有元素,查询某个class标签的数量,以及查询...

    yiqicms建站调用标签整理,新手建站无忧,一看就懂,精确到每个页面的标签调用

    - `GetLinkList`函数获取所有链接,`{assign var="linklist" value=$linkdata-&gt;GetLinkList()}`,然后遍历链接列表`{foreach from=$linklist item=linkinfo}`,用`&lt;a&gt;`标签创建链接。 5. 公司简介: - 变量`$...

Global site tag (gtag.js) - Google Analytics