jquery - comment obtenir le code html dans un div

Question

Je cette 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> 

comment puis-je obtenir le code html après que je clique sur le bouton dans la partie portlet-tête, dans ce cas, l'étiquette de table ?

J'ai ce code jquery pour obtenir le texte sur l'en-tête: $(this).parent().text(); mais je n'ai obtenu nulle part en essayant de récupérer le html sous la classe "content_regular" comme indiqué ci-dessus.

J'espère que votre sagesse peut m'aider avec cela. Je sais cela très facile pour les autres mais je ne suis pas familier avec jquery.

grâce

Answer 1

Utilisez .next() pour obtenir .portlet-header-.portlet-content puis utiliser .html() plutôt que .text() pour obtenir le contenu, comme ceci:

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

S'il peut y avoir quelque chose entre les divs, un autre élément, etc, utilisez .nextAll() à la place , comme ceci: .nextAll(".portlet-content:first")

Answer 2

Tout d'abord, utilisez la fonction html() au lieu de la fonction text(). Deuxièmement, pointez votre sélecteur vers le bon noeud, quelque chose comme .portlet-content .content_regular table. Je vais vous laisser faire la combinaison de ces deux vous-même.

Answer 3

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

lectures belles

1. .html()
2. jQuery selectors
3. Traversing

here is a demo