Выделите внутренний текст с помощью jQuery

Question

<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>

Что-то вроде этого дается, как я могу анимировать текст 41, если нажата $(this) (класс boxen)?

this > * не работает. Ни один не делает this:children.

Answer 1

Из-за слегка запутанного названия некоторые люди (например, я) могут приходить на этот вопрос в поисках, как получить текстовое содержимое элемента DOM. Вы можете сделать это:

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

Answer 2

$ ("# divID"). Html () получит текст внутри.

Answer 3

Чтобы выбрать div, вы должны использовать следующее:

$('#box41_0_1')

Чтобы оживить всю коробку, вы можете сделать

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

или какой-либо другой эффект анимации .

Редактировать: Если вы хотите выбрать только внутренний текст, вы можете попробовать перенос внутреннего текста с помощью div, но с предоставленным вами кодом, который также выберет флажок я считаю. Пример кода:

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

Answer 4

Вы можете обернуть содержимое div в промежуток, а затем переместить ввод за пределы этого промежутка. Тогда вы можете оживить промежуток. Примерно так:

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

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

Вы также можете смешивать и сопоставлять прямые сценарии DOM с jQuery, например:

$('.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);

В любом случае должен работать.