Seleccionar texto interno con jQuery

41

Algo así se da, ¿cómo puedo animar el texto 41 , si se hace clic en $(this) (la clase boxen )?

this > * no funciona. Tampoco this:children .

Debido al título ligeramente confuso, algunas personas (como yo) pueden llegar a esta pregunta en busca de cómo obtener el contenido textual de un elemento DOM. Puedes lograr esto por:

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

$ (“# divID”). html () obtendría el texto dentro.

Para seleccionar el div, usaría lo siguiente:

 $('#box41_0_1') 

Para animar toda la caja, podrías hacer

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

o algún otro efecto de animación .

Editar: Si desea seleccionar solo el texto interno, puede intentar envolver el texto interno con un div, pero con el código que proporcionó, eso también seleccionaría la checkbox, creo. Ejemplo de código:

 $('#box41_0_1').wrapInner(""); $('#span41_0_1').fadeOut().fadeIn(); 

Podría ajustar el contenido del div en un intervalo y luego mover la entrada fuera de ese intervalo. Entonces puedes animar el lapso. Algo como esto:

 $('.boxen').each(function() { var $thisBox = $(this); $thisBox.wrapInner(''); $thisBox.find('input').appendTo($thisBox); }); $('.boxen span').animate({fontSize: '28px'}, 400); 

También puedes mezclar y unir secuencias de comandos DOM directas con jQuery, así:

 $('.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 cualquier manera debería funcionar.