当前位置:  开发笔记 > 编程语言 > 正文

使用jQuery更改元素的ID

如何解决《使用jQuery更改元素的ID》经验,为你挑选了6个好方法。

我需要使用jQuery更改元素的ID.

显然这些不起作用:

jQuery(this).prev("li").attr("id")="newid"
jQuery(this).prev("li")="newid"

我发现我可以使用以下代码实现它:

jQuery(this).prev("li")show(function() {
    this.id="newid";
});

但这对我来说似乎不对.必须有更好的方法,不是吗?此外,如果没有,我可以使用什么其他方法而不是显示/隐藏或其他效果?显然我不想每次都显示/隐藏或影响元素,只是为了改变它的ID.

(是的,我是一个jQuery新手.)

编辑
我不能在这种情况下使用类,我必须使用ID.



1> Eran Galperi..:

您的语法不正确,您应该将值作为第二个参数传递:

jQuery(this).prev("li").attr("id","newId");


jQuery负责,roosteronacid.
到达这里双重检查id重新分配 - 现在应该是`.prop(...)`而不是`.attr(...)`?
您是否需要从DOM中分离元素并将其替换为具有新ID的新元素?为了避免破坏DOM ...?
我认为newId应该在引号中
@Carl根据最新的jquery文档和示例,`id`仍应使用`attr(...)`设置

2> Jeremy Morit..:

首选的选项.attr是使用.prop如下:

$(this).prev('li').prop('id', 'newId');

.attr检索元素的属性,同时.prop检索属性引用的属性(即您实际想要修改的属性)


这些信息来自哪里?http://api.jquery.com/attr/没有提及弃用......
.attr已被弃用 - 这是正确的方法.

3> Pim Jager..:

你的意思是:

jQuery(this).prev("li").attr("id", "newID");

这会将ID设置为新ID



4> 小智..:

我用这个结构做了类似的事情

$('li').each(function(){
  if(this.id){
    this.id = this.id+"something";
  }
});



5> Tim Knight..:

我不确定你的目标是什么,但是使用addClass可能会更好吗?我的意思是我认为对象ID应该是静态的并且特定于该对象.如果你只是试图改变它在页面上显示或类似的东西,我会将这些细节放在一个类中,然后将其添加到对象,而不是尝试更改它的ID.再说一次,我说的是不理解你强调的目标.


实际上,如果您通过在HTML中使用隐藏模板构建DOM,然后使用jquery克隆它们,那么设置id是一项非常有用且值得做的事情.
传统系统的乐趣 - 我理解你的痛苦.伊兰的回答绝对是最好的.

6> 小智..:
$("#LeNomDeMaBaliseID").prop('id', 'LeNouveauNomDeMaBaliseID');

推荐阅读
殉情放开那只小兔子
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有