javascript - jQuery 获取父对象

Question

我正在单击此 div 内的一个按钮并尝试从 cockTailTitle 检索文本。我对这种类型的查询没有成功:

( Backbone 内部)

this.$(e.currentTarget).parent().find('.cocktailTitle').text()

有人能指出我正确的方向吗？

<div class="cocktailRecipeItem large-8 medium-8 small-12 large-centered medium-centered small-centered columns">
    <ul>
        <li class="cocktailImage">{{img}}</li>
        <li class="cocktailTitle">{{name}}</li>
        <li class="cocktailDescription">{{description}}</li>
        <li class="cocktailServing">makes {{servings}} servings</li>
        <li><span class="titleRecipe">Ingredients: </span>{{ingredients}}</li>
        <li><span class="titleRecipe">Recipe:</span> {{directions}}</li>
    </ul>
   <div class="large-8 medium-8 small-10 large-centered medium-centered small-centered columns"> <button class="recipeButton">Save Item</button><button class="recipeButton">Share!</button></div>
</div>

Answer 1

您可能还需要 closest() 而不是 this 和 $(e.currentTarget)，您可以简单地使用 $ (this) 引用事件源，即按钮被点击。

Live Demo

$(this).closest('.cocktailRecipeItem ').find('.cocktailTitle').text()