jquery - 在Jquery中获取Div值

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>

我想获取jquery变量中的div hidennote类值。我尝试像这样使用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 内容模型。它指定哪些元素是 block 元素，哪些元素是内联元素。

因此将 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()