올바른 클래스 이름 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).parent().find(".myName").html(); 
} 

Answer 1

여기 그걸 얻기 위해 한 가지 방법입니다 :

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

Answer 2

이 시도. 당신은

<span class"myName"> 

대신

<span class="myName"> 

가지고 클래스 선택기 속성을 작동하지 않기 때문에이 모든 효과를 낸다. 아, 버튼 태그를 닫을 때 ">"도 누락되었습니다.

은 내가 만든 ... 당신은뿐만 아니라 닫는 괄호를 놓쳤다

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

:

여기에 고정 된 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의 피들러를 테스트 해 볼 수 있습니다. http://jsfiddle.net/juj3W/

Answer 3

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

Answer 4

좋아, 그래서 문제는 당신에 오류 HTML을 가지고있다 :

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