如何使用jquery从元素中获取属性的id
How to get the id of the attribute from an element using jquery?
我写了这个迷你jquery片段,但我想获得li元素的id,这样我就可以将这些数据发布到ajax调用中——这是我的脚本
$('#list li a').on('click', function(e) {
var id = ? //need to get li id
e.preventDefault();
$.ajax({
type: "POST",
url: "unfollow.php",
data: id,
success: function(){
$(this).parent().hide();
$('.updateNumber').html(function(){
return parseInt($(this).text(),10)+1;
});
}
});
});
});
这是一个示例html列表:
<ul id="list">
<li id="list_1" class="list"><a href="">hide</a></li>
</ul>
谢谢:)
您可以使用纯javascript(不需要额外调用jQuery)
var id = this.parentNode.id
小提琴在这里http://jsfiddle.net/rL29r/
编辑-只获取数字
var id = this.parentNode.id.replace('list_', '')
http://jsfiddle.net/rL29r/2/
$('#list li a').on('click', function(e) {
var id = $(this).parent("li").attr("id");
e.preventDefault();
$.ajax({
type: "POST",
url: "unfollow.php",
data: id,
success: function(){
$(this).parent().hide();
$('.updateNumber').html(function(){
return parseInt($(this).text(),10)+1;
});
}
});
});
});
- 参见http://api.jquery.com/attr/
- 参见http://api.jquery.com/parent/
由于您匹配的<a>
元素是<li>
元素的后代,并且您似乎想要祖先<li>
元素的id
,因此可以使用closest()方法:
var id = $(this).closest("li").attr("id");
id = this.parentNode.id;
这至少比jQuery快8倍。不要将jQuery用于如此简单的事情。
对于list_n
的数量,请使用
var id = this.parentNode.id;
var number = id.substring(5);
在jsFiddle.net上查看此演示。您需要将.parent()
与$(this)
一起使用。
HTML
<ul id="list">
<li id="list_1">
<a href="#">Test Anchor One</a>
</li>
<li id="list_2">
<a href="#">Test Anchor Two</a>
</li>
</ul>
JavaScript
$('#list li a').on('click', function(e) {
var id = $(this).parent().attr("id").replace("list_", "");
alert(id);
});
这将给出1
或2
作为id
。希望这对你有帮助。
相关文章:
- 无法获取属性'selectedIndex'的未定义引用或null引用
- 如何从选择框中的选项中获取属性值
- 无法获取属性'Id'使用Knockout.js的未定义或空引用API
- 使用Undercore获取属性值数组
- Microsoft JScript运行时错误:无法获取属性'的值;样式':对象为null或未定义
- "无法获取属性'的值;style'"当试图在IE中更改样式时
- 无法获取属性'字符串'的未定义或null引用IE 11 ASP.NET
- 无法获取属性'的值;拆分'在IE8中调用ajax之后
- JQuery关键字“;这个“;未获取属性值
- SCRIPT5007:无法获取属性'长度'的未定义引用或null引用
- 为什么我得到“;无法获取属性的值'SetReturnValue'"当使用ceebox显示YouT
- 无法获取属性'setActionableButtonState'的未定义引用或null引用
- JavaScript |对象:获取属性忍者移动
- 如何使用 jQuery 在循环中获取属性的值
- 无法获取属性'偏移'的未定义引用或null引用
- 从列表中的选定项获取属性值
- 获取属性(邮政编码)并在Google地图API 3中使用
- IE:无法获取属性'的值;clientWidth':对象为null或未定义
- 如何通过类名和过滤函数获取属性值
- 无法使用javascript表示法获取属性值