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"))
});
});
分享到:
相关推荐
4. **`.attr()`**:如果`<li>`元素包含属性,如`value`,你可以使用`.attr('attributeName')`来获取这些属性的值。例如,如果`<li>`有`data-value`属性,可以这样获取: ```javascript var value = $('li').attr('...
本文将详细介绍几种常见的JavaScript获取节点的方法,并探讨如何读写属性节点。 首先,我们关注的是通过不同的方式来获取元素节点: 1. **通过ID获取元素**:这是最直接的方法,`getElementById()`函数接受一个...
接下来,我们将利用jQuery为这些`<li>`元素绑定点击事件,并通过`.val()`方法获取被点击`<li>`的value值: ```javascript $(document).ready(function(){ $("li").click(function(){ alert($(this).val()); }); ...
本文将通过一个具体的实例,讲解如何使用JavaScript实现动态增加和删除`li`标签行。 首先,我们来看一下如何添加`li`标签。在这个示例中,`addDepartment`函数用于动态创建一个新的`li`元素。以下是如何实现这一...
2. **JavaScript 代码**:获取 `<li>` 元素并根据 `data-textlength` 属性截取文本。 ```javascript var listItems = document.getElementsByTagName('li'); for (var i = 0; i ; i++) { var item = listItems[i...
1. **添加标签**:当用户在输入框中输入内容并按下回车键时,可以通过监听`keyup`事件,检查是否为回车键(键码13),然后获取输入框的值并创建一个新的标签元素。新标签通常会被添加到一个预设的容器元素内,例如一...
- **获取节点值**:对于表单控件(如`<input>`),可以通过`value`属性获取其值。 - 示例: ```javascript var value = document.getElementById("inputElement").value; ``` - **设置节点值**:同样地,也可以...
`:获取用户在文本输入框(`<input type="text" id="ItemToAdd" />`)中输入的值。这是要添加到列表的新项。 2. `var mylistItems = document.getElementById("mylist");`:获取ID为`mylist`的有序列表元素。这是...
例如,`{{:value}}` 用于输出数据对象的属性值。 2. **数据绑定**: JsRender 提供了强大的数据绑定能力,允许在模板中直接访问和操作数据模型,无需额外的绑定层。 3. **标签语法**: 除了基本的表达式输出,Js...
以上方法覆盖了大部分通过JavaScript获取DOM中指定节点的需求。在实际开发中,根据具体场景选择合适的方法是非常重要的。随着现代浏览器对CSS选择器的支持不断增强,使用如 `querySelector` 和 `querySelectorAll` ...
此外,如果你需要获取用户的选择,可以通过监听`<select>`元素的`change`事件,或者直接从`#hiddenSelect`的`value`属性中获取。 总的来说,使用`<ul>`和`<li>`模拟`<select>`的优点在于可以实现高度定制的界面效果...
在JavaScript或Angular中,我们可以使用jQuery或者原生DOM操作来获取选中的radio的值: ```javascript $('input[name="singleChoice"]:checked').val(); // 使用jQuery ``` 或者 ```javascript document....
2. 获取自定义属性值 要获取HTML元素的自定义属性值,同样使用`.attr()`方法: ```javascript var value = $("#myButton").attr("data-value"); console.log(value); // 输出 "123" ``` 3. 应用实例:Tab切换效果 ...
- 用于通过标签名获取多个元素。 3. **getElementsByName**: - 用于通过name属性获取多个元素。 #### 题目九:文档中div元素的遍历 1. **获取所有div元素**: - 使用`document.getElementsByTagName('div')`...
li.innerHTML = text.value + "<a href='javascript:;' title='删除该留言'>删除</a>"; // 将新元素插入到的最前面 ul.insertBefore(li, ul.children[0]); // 给所有删除按钮绑定点击事件 var as = document....
1. 使用Node.js和ws库,首先需要安装ws模块:`npm install ws` 2. 创建WebSocket服务器,监听特定端口,接收和发送消息: ```javascript const WebSocket = require('ws'); const wss = new WebSocket.Server({ ...
**JSP标签使用实例** ...在这个实例中,我们了解了如何使用JSP标签实现动态分页,包括计算总页数、获取当前页数据以及在页面上展示数据和分页链接。理解并熟练掌握这些技术对于提升Web应用的用户体验至关重要。
`getValues()` 方法可以批量获取元素值,支持传入ID-Value的键值对或整个表单元素作为参数。该方法返回一个类似Map的对象,可直接用于服务器端的处理逻辑,如将数据转换为bean类型以便进一步操作。 ### 3. 赋值:...
除了上述的节点属性和方法外,文档对象模型还提供了其他操作节点的方法,比如读取和设置节点的value属性值、文本值,获取页面中的body标签、html的根标签,获取页面中所有元素,查询某个class标签的数量,以及查询...
- `GetLinkList`函数获取所有链接,`{assign var="linklist" value=$linkdata->GetLinkList()}`,然后遍历链接列表`{foreach from=$linklist item=linkinfo}`,用`<a>`标签创建链接。 5. 公司简介: - 变量`$...