5

Exemplo:

   <div id="quadro" style="float:left">
       <h1>Quadro de horários</h1>
   </div>

Se eu utilizar $("#quadro").html() eu só obtenho o h1, porém quero o html do h1 e da própria div.

Estou precisando de algo dinâmico, que independa de ter "parentes" ou filhos definidos.

2
  • 2
    primeiramente acredito que o correto seria assim $(".quadro").html(), pois você está tratando uma classe e um não um id Commented 12/08/2015 às 13:52
  • Beleza, foi so uma distração na hora de formular. Vou corrigir.
    – Joao Paulo
    Commented 12/08/2015 às 13:54

2 Respostas 2

10

jQuery não tem essa função, mas é possível utilizar a propriedade Element.outerHTML, como é uma propriedade do objeto javascript (e não jQuery) é preciso pegar o elemento com .get(0) ou como array (no exemplo) para pegar o primeiro elemento selecionado.

Dessa forma fica:

$(".quadro")[0].outerHTML

Ainda é possível fazer com javascript puro, utilizando querySelector():

document.querySelector('.quadro').outerHTML;
0

Se você utilizar

$(".quadro") nesse momento você tem todos os elementos que contém essa classe dentro do mesmo, e com isso você consegue navegar no elemento e nos seus childs.

se você utilizar o método .html(), você vai conter apensar o html dos seus childs(string), o que você realmente precisa, do elemento dentro do selector, ou do html em string ?

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .