comment ajouter div id après chargement de la page

Question

Je veux ajouter div dynamique pour html particulier

Ici, je vais vous donner petit exemple

<input id="radio1" type="radio" name="rad" value="rad" title='Yes' alt='yes'> 

en cliquant sur le bouton radio, je dois ajouter un div , comme:

<div id='A1' class='redColourIndicatin'> 
    <input id="radio1" type="radio" name="rad" value="rad" title='Yes' alt='yes'> 
</div>  

Est-il possible d'ajouter Div Id, après avoir chargé la page?

Mon intention n'est pas d'ajouter seulement la classe au bouton radio. nous avons besoin d'autres manipulations aussi?

s'il vous plaît donner idée, comment ajouter

Answer 1

$('#radio1').click(function() 
    if ($(this).parent().attr('id') !== 'A1') { 
     $(this).wrap('<div class="redColourIndicatin" id="A1" />') 
    } 
}); 

Il n'est pas clair si la classe ou l'ID sont statiques ou si vous voulez récupérer de manière dinamique. Qu'est-ce que vous essayez de le faire est un wrapper

Faire un chèque avant wrap(), sinon vous allez créer une enveloppe à chaque fois que vous cliquez sur l'entrée

Answer 2

Essayez cette solution:

addID in jQuery?

Et après avoir vu votre édition, vous pouvez essayer ce fil:

Creating a div element in jQuery

Answer 3

Vous pouvez utilisez la méthode attr().

$(selector).attr("id", "yournewID"); 

dans votre exemple

$(document).ready(function() { 
    $("input#radio1").click(function() { 
    var mydiv = $("<div></div>"); 
    mydiv.attr("id", "radio1"); 
     .addclass("redColourIndicatin"); 
    $(this).wrap(mydiv); 
    }); 
}); 

Answer 4

Si vous pouvez trouver la div dans les DOM en utilisant javascript, vous pouvez manipuler l'identifiant de cet élément en définissant l'attribut id pour tout ce que vous voulez:

//finding the element by class name: 
var myElement = document.getElementsByClassName('myDivsClassName')[0]; 
myElement.id = 'newID';