Append ID to some element from other element click action

Question

i have a little problem with jQuery. I want to append ID for element from other element after that i click on it... :) So, if i click some list element this element id will go to another, can you hel me? This is my code...

        $('#main_menu li').click(function(){
            (this.id).appendTo('.main_content ul')
        })

`appendTo` is for inserting DOM elements: http://api.jquery.com/appendTo/ and is a method of jQuery objects, not strings. — Felix Kling, Jul 30 '12 at 08:29

score 2 · Accepted Answer · edited Jun 20 '20 at 09:12

2

$('#main_menu li').click(function(){
  $('.main_content ul').attr('id', this.id);
});

Here this.id will get the clicked element id and set that id to .main_content ul.

But this will make `id` duplication, which is not allowed.

Instead of id you can make class:

$('#main_menu li').click(function(){
  $('.main_content ul').attr('class', this.id);
});

edited Jun 20 '20 at 09:12

Community

1
1

answered Jul 30 '12 at 08:25

thecodeparadox

86,271
21
138
164

@ŁukaszBorawski but don't make **id duplicaton**. – thecodeparadox Jul 30 '12 at 08:34

score 0 · Answer 2 · answered Jul 30 '12 at 08:25

0

Try appending the element itself:

$('#main_menu li').click(function() {
    $(this).appendTo('.main_content ul')
});

Demo http://jsfiddle.net/AbeyT/

answered Jul 30 '12 at 08:25

Esailija

138,174
23
272
326

Append ID to some element from other element click action

2 Answers2

But this will make id duplication, which is not allowed.

But this will make `id` duplication, which is not allowed.