无法使用jQuery选择和复制html元素的值

Question

我需要将值从一个div复制到一些输入。尝试显示所选值时，会显示undefined。为什么呢？

<div class="thumbnail" id="thumbnail2">  
    <div class="book author"> Author One </div>

</div> 

-

// $('#author').val(   $('#thumbnail'+id+' .author').val()            ); // copy
alert (   $('#thumbnail'+id+' .book .author').val() ); // displays 'undefined'

Answer 1

取出.book和.author之间的空格（您当前正在选择具有“作者”类的元素，该类是具有“book”类的元素的子元素）并使用text()而不是val()，所以

alert($('#thumbnail'+id+' .book.author').text());

Answer 2

div没有values

使用.html()或.text()

alert($('#thumbnail'+id+' .author').html());