Search jQuery

jQuery Forum

Change ID?

in Using jQuery • 8 years ago

Hi, I was wondering how to chance the ID of a object using jQuery? Is this the general idea? Also the way it's written, will the code change circle1 to circle 2, then change both circle2's to circle1?

<div id="box1">
<div id="circle1"></div>
</div>
<div id="box2">
<div id="circle2"></div>
</div>

$(document).ready(function(){
$("#Click").click(function() {
$("#Circle1").removeClass('Circle1').addClass('Circle2');
$("#Circle2").removeClass('Circle2').addClass('Circle1');
});
});

Replies(7)

Shadowz3n

Re: Change ID?

8 years ago

$(document).ready(function(){
$("#Click").click(function() {
$("#Circle1").attr({id:"Circle2"});
$("#Circle2").attr({id:"Circle1"}).;
});
});

7blake

Re: Change ID?

8 years ago

Hmm that's not working, it's not inheriting the CSS.

I essentially want to change the ID, and I would like to change it's location.

So, I'm trying to make Circle1 change ID to Circle 2, and move to be inside Box 2.
Do I write it as

$("#Circle1").append("#Box2").attr({id:"Circle1"});

Shadowz3n

Re: Change ID?

8 years ago

You can clone it.. :) and change places:

$(document).ready(function() {
$(document).on("click", "#circle1, #circle2", function() {
var firstPlaceHtml = $(this).closest("div").html();
$(this).closest("div").html("").closest("div").append(firstPlaceHtml);
});
});

HTML:

<div>
<div id="box1">
<div id="circle1"></div>
</div>
<div id="box2">
<div id="circle2"></div>
</div>
</div>

jay.blanc..

Re: Change ID?

8 years ago

Is this what you were looking for? http://jsfiddle.net/hSjww/1/

7blake

Re: Change ID?

8 years ago

@Jay Blanchard

Yes, that works lovely :) However when I try to expand upon this with appendTo('box2') it cracks the code.
Do I have to create two different functions so I can swap their positions? I tried doing it like this but it didn't work out.
http://jsfiddle.net/hSjww/4/

@ Shadowz3n -

That's an interesting way of approaching it. I'm not wanting to clone though, I actually want to change the individual ID's and positional composition in the code, or as best as I can.

jay.blanc..