0

tenho a seguinte situação, tenho dois h1 em locais distintos no web site, gostaria que ao clicar o valor de um h1, passasse para o outro.

1
  • Existe alguma relação entre eles na àrvore do DOM?
    – Sergio
    1/06/2015 às 18:47

2 Respostas 2

3

Imaginando que os dois H1 estejam na mesma pagina, segue abaixo com vc deveria fazer usando o Jquery:

function Capture(){
  var _text = $('#primeiro_h1').html();
  $('#segundo_h1').html(_text);
};
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<h1 id="primeiro_h1">Seu primeiro H1</h1>
<h1 id="segundo_h1">Seu segundo H1</h1>
<a href="javascript:;" onclick="Capture();">Click para capiturar</a>

Agora se a ideia é fazer com que o valor mude conforme seja clicado em algum elemento seria assim:

$('#bto_click').click(function(){
  var _text = $('#primeiro_h1').html();
  $('#segundo_h1').html(_text);

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<h1 id="primeiro_h1">Seu primeiro H1</h1>
    <h1 id="segundo_h1">Seu segundo H1</h1>
    <a href="javascript:;" id="bto_click">Click para capiturar</a>

Qualquer duvida é só gritar!!!!

1

Segue o script para mudança de valores entre dois h1:

$(document).ready(function() {
  $('h1').click(function() {

    var prevH1 = $(this).prev('h1').html();
    var nextH1 = $(this).next('h1').html();
    var thisH1 = $(this).html();

    if (nextH1) {
      $(this).html(nextH1);
      $(this).next('h1').html(thisH1);
    } else {
      $(this).html(prevH1);
      $(this).prev('h1').html(thisH1);
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<h1>Lorem Ipsum</h1>

<h1>Título</h1>

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 .