如何獲得正確的類名innerHTML內容？

Question

<div class="Name"> 
    <div class="Image"></div> 

    <ul> 
       <li><h5><span class"myName">I want this text</span></h5></li> 
        <li class="description">The description</li> 
     </ul> 
     <button class="myButton">My Button</button 
</div> 

（多個項目具有相同的結構）

如果我的結構構造這種方式， 我怎麼能獲取類MYNAME有它作爲一個變量的內容？

$(".myButton").click(function() { 
    var itemName = $(this).siblings(".myName").innerHTML ?? 
} 

Answer 1

這裏有一種方法獲得它：

$(".myButton").click(function() { 
    var itemName = $(this).parent().find(".myName").html(); 
} 

Answer 2

試試這個：

$(".myButton").click(function() { 
    var itemName = $(".myName", $(this).parent()).text(); 
        //find class in parent 
} 

Answer 3

var itemName = $(this).prev('ul').find('.myName').html(); 

Answer 4

好了，問題是，你必須在你的HTML錯誤。你有

<span class"myName"> 

，而不是

<span class="myName"> 

，這使得所有的差異，因爲你的類選擇是行不通的財產。哦，你也錯過了關閉按鈕標籤中的「>」。

這裏是固定的HTML：

<div class="Name"> 
    <div class="Image"></div> 
    <ul> 
     <li><h5><span class="myName">I want this text</span></h5></li> 
     <li class="description">The description</li> 
    </ul> 
    <button class="myButton">My Button</button> 
</div> 

而這裏的，與它的工作原理jQuery的：

$(".myButton").click(function() { 
    var itemName = $(this).parent().find('.myName').html(); 
    alert(itemName); 
}); 

你已經錯過了右括號，以及...

我創建了一個提琴手，所以你可以測試它：http://jsfiddle.net/juj3W/