2009-10-29 3 views
15
<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) щелкают?Выберите внутренний текст с JQuery

this > * не работает. Также нет this:children.

+0

Вам необходимо поработать над этим вопросом. Пожалуйста, отправьте некоторый исходный код и опишите недостающие части. Кроме того, на jquery.com есть примеры для таких основных вещей (если я правильно понимаю вас) –

+0

thx, но не получил информацию из дома «JQuery»;) проблема заключается в том, как вы выбираете текст .. на последнем уровне dom. если был бы span .. без проблем. . –

+0

$ ('самшитовый') нажмите (функция() { если ($ (это) .hasClass ("привет")) { $ (это) .removeClass ("привет");} еще { . $ ("это> *") анимировать ({ \t ZIndex: "10", \t FONTSIZE: "28px" }, 600) .animate ({ \t FONTSIZE: "9px", \t TextAlign: «центр », \t ZIndex: "0" }); \t \t $ (это) .addClass ("Привет");} }); –

ответ

2

Для того, чтобы выбрать DIV, можно использовать следующее:

$('#box41_0_1') 

Для того, чтобы оживить весь ящик, вы могли бы сделать

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

или какой-либо другой animation effect.

Edit: Если вы хотите выбрать только внутренний текст, вы можете попробовать wrapping внутренний текст с DIV, но с кодом вы указали, что также флажок я считаю. Пример кода:

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

проблема не в том, чтобы выбрать окно или как его оживить. проблема заключается в том, чтобы получить z-индекс на «41». -> текст внутри div, если я анимирую все это, такие вещи, как рамка, также получают новый zIndex. –

+0

Если вы только хотите выбрать z-index, «41» будет иметь тот же индекс z, что и его родительский div. –

+0

thats проблема .. я просто хочу установить zindex на номера .. без печати диапазона arround .. –

5

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

+0

$ ("# divID"). Html(). Animate ({... ? –

+1

После 3 часов попыток понять это и многочисленные запутанные перегрузки и имена методов, ваш ответ спас мне здравый смысл. – IbrarMumtaz

0

Вы можете обернуть содержимое 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); 

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

36

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

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

Точно так же –

+0

Нет, я имею в виду, что я чувствовал то же самое "Из-за слегка запутанного названия" –

Смежные вопросы