Как из span взять текст и поместить его в input?

Question

[Chernichko]

у менять есть список контейнеров, при клике по одному из них в инпут должна помещаться информация из спана этого контейнера.

<div id="main">
<div class="notmain"><span class="red">INFO1</span>sdfsf</div>
<div class="notmain"><span class="red">INFO2</span>sdfsf</div>
<div class="notmain"><span class="red">INFO3</span>sdfsf</div>
</div>

мой js вставляет всю информацию из div

$('.notmain').on('click',function(I){
        $('#input ').val($(this).text());
    });

Comments

[Andrew]

.on('click', function(){...

[Chernichko]

Andrew: с .live работает, а с .on - не работает

Answer 1

[Immortal_pony]

в инпут должна помещаться информация из спан
...
мой js вставляет всю информацию из div

Ну так укажите селектор span'a. И, да, метод "live" уже не просто deprecated, но и вовсе отсутствует в современных версиях jquery.

$('.notmain > span').on('click', function() {
    $('#input').val($(this).text());
});

Comments

[Chernichko]

в том то и дело, что нажать можно на весь div, но информация нужна из span этого div

[Immortal_pony]

Тогда надо найти span.
Примерно так:

$('.notmain').on('click', function() {                   
    $('#input').val($(this).find('span').text());
});

[Chernichko]

с .live работает, а с .on - не работает

[Andrew]

Chernichko: версия jQuery древнее 1.7?

[Chernichko]

Andrew: 1.11

[Andrew]

Chernichko: Странно тогда, проверяйте код. Должно работать.

[Immortal_pony]

Chernichko, Uncaught TypeError: $(...).live is not a function При попытке использовать live на версии 1.11. Демо: jsfiddle.net/hL90yqk4
Возможно, у вас версия 1.1?

Answer 2

[Andrew]

$('.notmain').on('click', function(){
  $('#input').val($('span.red', this).text());
});

Answer 3

[Pavel O]

$('.notmain').on('click',function(){
        $('#input ').val($(this).find('span').text());
    });

Answer 4

[Ваге]

$(".notmain").click(function(){
  $('#input').val($(this).text());
});

Answer 5

[Григорий]

$('.notmain span').live('click',function(I){
        $('#input ').val($(this).text());
    });

Comments

[Chernichko]

в том то и дело, что нажать можно на весь div, но информация нужна из span этого div

[Григорий]

$('.notmain span')

означает взять из спан, а не из див. Идёт иерархия:
.notmain - родитель
span - дочерний элемент
то есть ищем в .notmain элемент span и с ним работаем. именно он является текущем элементом в обработчике события.
Хотя выбор есть, Антон Ванин предложил ровно тоже самое, немного другим способом... у меня сразу выбирается спан, а у него выбирается див и уже в нем применяется к спан...

Answer 6

[Ivan Tokar]

$('.notmain > span').on('click', function() {
    var text = $(this).text();
    $('#input').val(text);
});

Comments

[MaksimUl]

Скажите пожалуйста, а как сделать передачу текста без клика?

$('.notmain > span').on('click', function() {
    var text = $(this).text();
    $('#input').val(text);
});