Javascript jQuery获取父对象

我正在点击这个div中的一个按钮，试图从cockTailTitle中检索文本。我未成功执行此类型的查询：

主干内

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>

尝试从此处使用。parent仅获取按钮的父div，但.cocktailTitle是ul的子级，ul是按钮父div的前一个兄弟：

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

尝试从此处使用。parent仅获取按钮的父div，但.cocktailTitle是ul的子级，ul是按钮父div的前一个兄弟：

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

您可能还需要最接近的，而不是$e.currentTarget，您可以简单地使用$this来引用事件源，即单击的按钮

您可能还需要最接近的，而不是$e.currentTarget，您可以简单地使用$this来引用事件源，即单击的按钮

您可以使用最近的方法

您可以使用最近的方法

---

这对我有用。谢谢应该早点问。很高兴这对mate有帮助。如果您感到满意，请接受回答：-这对我很有效。谢谢应该早点问。很高兴这对mate有帮助。如果您感到满意，请接受回答：-

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