Sélectionnez le texte interne avec jQuery

<div class="boxen checkedzahlen" id="box41_0_1">
 41
 <input type="checkbox" value="1" name="cb41_0_1" id="cb41_0_1" checked="checked"/>
</div>

Quelque chose comme ce qui est donné, comment puis-je animer le texte 41si $(this) (la classe boxen) est cliqué?

this > * ne fonctionne pas. Ni ne this:children.

source d'informationauteur Sven Klouem

  1. 36

    En raison de la légère confusion titre, certaines personnes (comme moi) peut-être arrivé à cette question, à la recherche de comment obtenir le contenu textuel d'un élément du DOM. Vous pouvez accomplir cela en:

    $("#myselector").text() //returns the content of the element as plain text
  2. 5

    $("#divID").html (), serait d'obtenir le texte à l'intérieur.

  3. 2

    Afin de sélectionner la div, vous pouvez utiliser les éléments suivants:

    $('#box41_0_1')

    Afin d'animer l'ensemble de la boîte, vous pourriez faire

    $('#box41_0_1').fadeOut().fadeIn();

    ou certains autres effet d'animation.

    Edit: Si vous souhaitez sélectionner uniquement le texte interne, vous pouvez essayer de emballage l'intérieur du texte avec une div, mais avec le code fourni par vous, qui serait également sélectionner la case à cocher je crois. Exemple de Code:

    $('#box41_0_1').wrapInner("<span id='span41_0_1'></span>");
$('#span41_0_1').fadeOut().fadeIn();
  4. 0

    Vous pouvez rassembler le contenu de la div dans une plage, puis déplacer l'entrée en dehors de cette période. Ensuite, vous pouvez animer la durée. Quelque chose comme ceci:

    $('.boxen').each(function() {
  var $thisBox = $(this);
  $thisBox.wrapInner('<span></span>');
  $thisBox.find('input').appendTo($thisBox);
});

$('.boxen span').animate({fontSize: '28px'}, 400);

    Vous pouvez également mélanger et assortir directement les scripts DOM avec jQuery, comme suit:

    $('.boxen').each(function() {
  var newSpan = document.createElement('span');
  newSpan.innerHTML = this.firstChild.nodeValue;
  this.firstChild.nodeValue = '';
  $(this).prepend(newSpan);
});

$('.boxen span').animate({fontSize: '28px'}, 400);

    De toute façon devrait fonctionner.