用jQuery改变元素的ID

我需要使用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。

当前回答

我对这个结构做了类似的处理

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

其他回答

Eran的回答很好，但我想补充一下。你需要观察任何不是内联到对象的交互行为(也就是说，如果onclick事件调用了函数，它仍然会)，但如果有一些javascript或jQuery事件处理附加到该ID，它基本上会被放弃:

$("#myId").on("click", function() {});

如果ID现在更改为#myID123，根据我的经验，上面附加的函数将不再正确工作。

我对这个结构做了类似的处理

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

<script>
       $(document).ready(function () {
           $('select').attr("id", "newId"); //direct descendant of a
       });
</script>

这是万能的。只需在body结束标签之前添加，而不要为get添加Jquery.min.js

.attr的首选选项是像这样使用.prop:

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

.attr检索元素的属性，而.prop检索属性引用的属性(即你实际打算修改的内容)

你的意思是:

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

这将把ID设置为新ID

推荐文章