How to change name and id of element using jQuery?

Question

I'm new at jQuery. I'm cloning one specific HTML block and trying to change last cloned html's element's nameor id, class but i couldn't. I can find and alert name of element that i want to change, but i can not change it. Hope you can help me.. thanks in advance.

My code

jQuery(document).on("click",".smclass",function(){

var html = jQuery(this).closest(".entry-edit").clone().appendTo(".main-col-inner").html();
html = jQuery(html).find('.start').attr('name','optional[2][type]').attr('id', 'Type1');

 }

HTML

<div class="entry-edit">

<!-- html codes -->

<button id="Addfield" title="Field Ekle" type="button" class="smclass" onclick="" style="float: right;"><span><span><span>Field Ekle</span></span></span></button>

<!-- html codes -->

<select id="Type" name="optional[1][type]" class="start">
    <option value="0">Date</option>
    <option value="1">Text</option>
    <option value="2">Select</option>
</select>

<!-- html codes -->
</div>

Patrick Evans · Accepted Answer · 2014-08-20 07:57:22Z

3

Your code is just putting an html string into a variable and then creating a new jQuery object with said html. You are not selecting the new element and changing it

//Just remove the .html() call and you will have the cloned element
var ele = jQuery(this).closest(".entry-edit").clone().appendTo(".main-col-inner");
ele.find('.start').attr('name','optional[2][type]').attr('id', 'Type1');

You also do not need to make multiple .attr calls, you can pass it an object with the name value pairs you want to set

ele.find(".start").attr({
   "name":"optional[2][type]",
   "id":"Type1"
});

edited Aug 20, 2014 at 7:57

answered Aug 20, 2014 at 7:51

Patrick Evans

42.8k6 gold badges81 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pankaj Sharma · Accepted Answer · 2014-08-20 07:58:45Z

-1

just try vise versa

var clonedObject = jQuery(this).closest(".entry-edit").clone();
clonedObject .find('.start').attr('name','optional[2][type]').attr('id', 'Type1');
clonedObject.appendTo(".main-col-inner").html();

answered Aug 20, 2014 at 7:58

Pankaj Sharma

1,8531 gold badge18 silver badges22 bronze badges

Collectives™ on Stack Overflow

How to change name and id of element using jQuery?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related