Получить Div значение в Jquery

Question

У меня есть код, как этот

<p class="shownote"> 
Text value 
<a href="#" class="show"> 
textvalues</a> 
<input class="editnotesbox" style="display:none"></input> 
<a href="#" class="editnote">Edit</a> 
<a href="#" class="deletenote">Delete</a> 
<div class="hidennote" style="display: none;"> 
Text value 
</div> 
</p> 

, и я хочу, чтобы получить значение DIV hidennote класса в Jquery variable.I попробовать Jquery как это.

$('.show').live('click', function (event) { 

     $(this).parent('.shownote').find('.editnotesbox').show(); 
     var getnote = $(this).closest('.hidennote').text; 
     $('.editnotesbox').val(getnote); 
     $(this).hide(); 

    }); 

, но не может получить значение. Как я могу добиться этого?

Answer 1

невозможно поместить <div> элемент внутри <p> в DOM, так как открытие <div> тег автоматически закроет <p> элемент.

Авторитетное место для поиска разрешенных сдерживающих отношений - это спецификация HTML. См., here на моделях HTML-контента. Он определяет, какие элементы являются блочными элементами и которые являются встроенными.

Так замените DIV с <span> и попробовать: Sample fiddle

$(".shownote").on('click', '.show', function (event) { 
    var shownote = $(this).parent(); 
    shownote.find('.editnotesbox').show(); 
    var getnote = shownote.find('.hidennote').text(); 
    $('.editnotesbox').val(getnote); 
    $(this).hide(); 
}); 

Также следует избегать .live() который нежелателен из JQuery 1.9, используйте .on()

Answer 2

$('div.hidennote').text() 

Это, конечно, возвращает текст div, так как div не имеет значения.

Основываясь на вас обновления:

$('.show').live('click', function (event) { 
    $shownote = $(this).parent(); 
    $shownote.find('.editnotesbox').show(); 
    var getnote = $shownote.find('.hidennote').text(); 
    $('.editnotesbox').val(getnote); 
    $(this).hide(); 
}); 

Просто надо знать, что live был удален в версии 1.9 в осуждается в 1.7.