jQuery如何在div中選擇所有節點文本

Question

我有這樣的股利：

<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> 

單擊鏈接.select_movie后，我希望<div class="movie">所有文本節點。

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

最后，我需要檢索要分配給變量的節點的值，如下所示：

var date = June 12, 1987;

var title = Predator;

var director = John McTiernan;

var starring = Arnold Schwarzenegger;

Answer 1

嘗試此操作以獲取每個值：

$('.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();
});

小提琴 ： http : //jsfiddle.net/unwgeqce/1/

Answer 2

每個var都是這樣的：

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