0
votes

Comment ajouter une étiquette pour le champ de saisie en utilisant avant et après JQuery?

Je veux ajouter une étiquette avant et après le champ de saisie. J'ai besoin de ce résultat.

<input id="button" type="checkbox" name="AllSalesArea"  >


$('input[name="AllSalesArea"]').before('<label class="containertitle'>)
$('input[name="AllSalesArea"]').after('<span class="checkmarktitle"></span></label>')


5 commentaires

Ce n'est pas possible avec avant et après. L'entrée doit être enfermée dans l'étiquette et la portée peut être insérée avec la commande JQuery après. Pour les enfermantes, vous avez besoin de quelque chose de différent.


API.JQUERY.COM/WRAP


N'ayez pas le temps pour une réponse complète: .wrap l'entrée avec l'étiquette, puis ajoutez la portée avec .after (l'entrée) ou .append (à l'étiquette)


Merci liberdyn-m. .Wrap a résolu mon problème.


Pensez à accepter l'une des réponses et si celles-ci ne vous ont pas satisfaites, veuillez rester dans la boucle et indiquer ce que vous êtes toujours manquant.


3 Réponses :


0
votes

Vous devez le faire comme si:

<input id="button" type="checkbox" name="AllSalesArea"  >

$(document).append('<label class="containertitle'>).append($('input[name="AllSalesArea"]'))
$('input[name="AllSalesArea"]').after('<span class="checkmarktitle"></span></label>')


0 commentaires

0
votes

Merci à @ Freedomn-m.

$('input[name="AllSalesArea"]' ).wrap( '<label class="containertitle"></label>' );
$('input[name="AllSalesArea"]').after('<span class="checkmarktitle"></span>');


0 commentaires

0
votes
  1. Ajoutez une classe à la fois en entrée et à la portée et utilisez .wrapall ()

    Description: enveloppez une structure HTML autour de tous les éléments de l'ensemble d'éléments appariés. P> blockQuote> li>

    p>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <input id="button" type="checkbox" name="AllSalesArea"  class="wrap">
    <span class="checkmarktitle wrap"></span>

1 commentaires

Bonjour Guradio, de ma fin, je n'ai que des valeurs d'entrée. Donc, enveloppe ne convient pas dans ce cas. Mais merci de partage.