jQuery如何在div中选择所有节点文本

Question

I have a div like this:

<div class="movie">

    Date: 
    <span class="date"> June 12, 1987 </span>

    Título: 
    <span class="title">
        <a class="select_movie" href="#">
            Predator
        </a>        
    </span>

    Director: <span class="director">John McTiernan</span>

    Starring: <span class="starring">Arnold Schwarzenegger</span>

</div> 

I want all the text nodes in <div class="movie"> , after the click of a link .select_movie

$('.select_movie').click(function(){
    ..........
    ..........
});

at the end I need to retrieve the value of the nodes to be assigned to a variables, like this:

var date = June 12, 1987;

var title = Predator;

var director = John McTiernan;

var starring = Arnold Schwarzenegger;

Answer 1

Try this in order to get each of the values:

$('.select_movie').click(function(){
    var movie = $(this).closest(".movie");
    var date = $(movie).find(".date").text();
    var title = $(movie).find(".title .select_movie").text();
    var director = $(movie).find(".director").text();
    var starring = $(movie).find(".starring").text();
});

Fiddle : http://jsfiddle.net/unwgeqce/1/

Answer 2

每个var都是这样的：

var date = $('.movie').find('.date').text();