Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) Adicionar elemento "em volta" de outro?


GuuH.zin

Pergunta

Oi de novo.

Preciso de um codigo (de preferência jQuery, porque é mais limpo), que crie um elemento "envolvendo" outro.

Mais precisamente seria criar uma DIV em volta de uma imagem que tenha o rel="reduzida", por exemplo.

Tipo, no código eu terei

...
<head>
  <script type="text/javascript">
    $(document).ready(function(){
      $("img[rel='reduzida']"). // Depois do "." deve ir o codigo para adicionar a div em volta da imagem, se eu não me engano, mas não sei como fazer.
    });
  </script>
</head>
  <body>
    <img src="imagem" rel="reduzida" />
...
E preciso de um código que crie a div e retorne o equivalente a:
<head>
  <script type="text/javascript">
    $(document).ready(function(){
      $("img[rel='reduzida']"). // Depois do "." deve ir o codigo para adicionar a div em volta da imagem, se eu não me engano, mas não sei como fazer.
    });
  </script>
</head>
  <body>
    <DIV CLASS="container">
      <img src="imagem" rel="reduzida" />
    </DIV>
...

É possível?

Agradeço desde já.

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Consegui achar a função em jQuery depois de pesquisar muito na internet acabei esbarrando com a função .wrap()

Nem desconfiava que ela existia.

o código deve ficar assim para obter o resultado que eu esperava:

...
<head>
  <script type="text/javascript">
    $(document).ready(function(){
      $("img[rel='reduzida']").wrap('<div class="container" />');
    });
  </script>
</head>
  <body>
    <img src="imagem" rel="reduzida" />
...

Tópico resolvido.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...