JQuery와 -이 HTML이

Question

사업부 내부 HTML을 얻는 방법 : 내가 포틀릿 헤더 부분에있는 버튼을 클릭 한 후 내가이 경우, HTML을 얻는 방법

<div class="portlet-header"> 
    Company Information ... <button> some button here </button> 
</div> 
<div class="portlet-content"> 
    <div class="content_regular"> 
     <table style=" width:100%; height:100%;"> 
      ...content 
     </table> 
    </div> 
</div> 

를 테이블 태그 ?

헤더에 텍스트를 가져 오기 위해이 jquery 코드가 있습니다 : $(this).parent().text(); 위와 같이 "content_regular"클래스에서 html을 검색하는 데 아무 것도 없습니다.

당신의 지혜가 이것으로 나를 도울 수 있기를 바랍니다. 나는 이것을 다른 사람들에게 아주 쉽게 알지만 jquery에 익숙하지 않다.

감사

Answer 1

사용 .next() 다음과 같이 내용을 얻을 수 .text()보다는 .html()를 사용 .portlet-header.portlet-content까지 얻을 : div의 사이에 뭔가 다른 요소 등이있을 수 있습니다 경우

이

$(".portlet-header").click(function() { 
    var html = $(this).next(".portlet-content").html(); 
}); 

대신 .nextAll()를 사용 이 같은 : .nextAll(".portlet-content:first")

Answer 2

첫째, html() 기능을 대신 text() 기능을 사용합니다. 둘째, 셀렉터가 .portlet-content .content_regular table과 같은 올바른 노드를 가리 키도록하십시오. 나는이 두 사람의 결합을 스스로하도록 내버려 둘 것이다.

Answer 3

$('.portlet-header button').click(function(){ 
    alert($('.content_regular').html()) 
}); 

좋은 독서

Traversing

jQuery selectors

1. .html()

here is a demo