JAVASCRIPT

add id jquery

$('element').attr('id', 'value');

how to add id in jquery

$( ".inner" ).append( "<p>Test</p>" );

how to add id in jquery

$( "p" ).add( "div" ).addClass( "widget" );
var pdiv = $( "p" ).add( "div" );

how to add id in jquery

$( "li" ).add( "<p id='new'>new paragraph</p>" )
  .css( "background-color", "red" );

how to add id in jquery

var $newdiv1 = $( "<div id='object1'></div>" ),
  newdiv2 = document.createElement( "div" ),
  existingdiv1 = document.getElementById( "foo" );
 
$( "body" ).append( $newdiv1, [ newdiv2, existingdiv1 ] );

how to add id in jquery

var pdiv = $( "p" );
pdiv.add( "div" ); // WRONG, pdiv will not change

how to add id in jquery

$( "li" ).add( "p" ).css( "background-color", "red" );

how to add id in jquery

$( "li" ).add( document.getElementsByTagName( "p" )[ 0 ] )
  .css( "background-color", "red" );

how to add id in jquery

<h2>Greetings</h2>
<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

how to add id in jquery

<h2>Greetings</h2>
<div class="container">
  <div class="inner">
    Hello
    <p>Test</p>
  </div>
  <div class="inner">
    Goodbye
    <p>Test</p>
  </div>
</div>

how to add id in jquery

$( ".container" ).append( $( "h2" ) );

how to add id in jquery

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
</ul>
<p>a paragraph</p>

how to add id in jquery

<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
  <h2>Greetings</h2>
</div>