Put an id to a parent element

Question

I wanted to put an id in my element's parent element. Below is my code:

<div>
    <div id="child"></div>
<div>

Im aware that jquery has a way to select a parent element , but I dont know how what method shall I use to put an id to it. Below is my jquery code:

div_resizable = $( "#child" ).parent();
div_resizable.id = "div_resizable";

Above code doesnt work with me. It doesnt throw an error, but no changes had taken effect. Any solution to my problem?

A friendly tip, next time you have an issue, before you ask a question here, use [`console.log`](https://developer.mozilla.org/en-US/docs/Web/API/Console/log)s or [`debugger`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/debugger) statements to determine what each variable's value is. — Sumner Evans, Feb 24 '15 at 01:22

score 2 · Accepted Answer · edited May 23 '17 at 11:51

2

For achieve what you want, you can use the jquery attr:

$("#child" ).parent().attr('id', 'newID');

Or you can use the prop:

$("#child" ).parent().prop('id', 'newID');

And you can check the difference between the two here: difference between prop() and attr()

edited May 23 '17 at 11:51

Community

answered Feb 24 '15 at 01:18

Derek 朕會功夫 · Answer 2 · 2015-02-24T01:29:40.090

2

Of course div_resizable.id = "div_resizable" doesn't work. div_resizeable is an jQuery array and you are trying to assign id to it.

Try .attr instead:

$("#child").parent().attr({id: "div_resizable"});

edited Feb 24 '15 at 01:29

answered Feb 24 '15 at 01:21

score 0 · Answer 3 · answered Feb 24 '15 at 01:30

To set a property on the first element inside a jQuery result object:

div_resizable = $( "#child" ).parent()[0];
//                                    ^^^
div_resizable.id = "div_resizable";

This picks the first Element from the result so that you can directly access the property.

Or:

$('#child').parent().prop('id', 'div_resizable');

Use the .prop() helper method to accomplish the same thing.

3 Answers3