Estou tentando descobrir um meio de se acessar uma div via jquery para manipulá-la. Segue o código:
<div> <!-- Essa é a div que quero acessar -->
<div>
<div>
<div id="conteudo">...</div>
</div>
</div>
</div>
Como está mostrado no comentário acima, a div que eu quero acessar é a de raiz mais alta das mostradas aqui. Sei que essas divs ao redor são desnecessárias, mas as vezes alguns frameworks e cms as colocam, e aí me encontro numa situação dessas, tendo que acessar a div que desejo mexer, como está no comentário.
O que eu faço no jquery para acessar é o seguinte:
$("#conteudo").parent().parent().parent().css('padding','15px');
Como eu posso acessar essa div sem esse código todo? Muitas vezes não consigo tirar essas divs desnecessárias, então queria acessar as divs que desejo de uma maneira mais eficaz (imagina se fossem 10 divs ali, quantos parents eu teria que escrever...)
.parent()
várias vezes?