ccc

JQuery: Moverse entre los diferentes elementos

<div id="primero" class="padre">
   <span id="uno" class="hijo">1111</span>
   <span id="dos" class="hijo">2222</span>
   <p id="tres" class="hijo">3333</span>
   <div id="cuatro" class="hijo">
44444
<div id="cuatroHijo" class="nieto">
hijo de 4444444
</div>
   </div>
</div>
<div id="segundo" class="padre">
55555
<div id="segundo1" class="hijo">123456</div>
</div>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert($("#dos").prev().html()); // 1111
alert($("#dos").prev().attr("id")); //  uno
alert($("#cuatro").parent().children().html()); // 1111
alert($("#cuatro").parent().children().next().html()); // 2222
alert($("#cuatro").prev().html()); // 3333
alert($("#tres").next().html()); // 4444<div id="cuatroHijo">hijo de 4444444</div>
alert($("#tres").next().children().html());  // hijo de 4444444
alert($("#primero").next().children().html());  // 123456
$(".hijo").each(function() {
alert($(this).attr("id"));  // uno, dos, tres, cuatro, segundo1
});
$(".hijo").each(function() {
alert($(this).html());  // 1111, 2222, 3333, 4444 <div id...></div> , 123456
});
$("#cuatro div").each(function() {
alert($(this).html());  // hijo de 4444444
});
  alert($("#cuatro").parent().next().children().html());  // 123456
});
</script>

--------------------------------------------------

EJEMPLO ACCEDER A UN ELEMENTO ANTERIOR
<input type="checkbox" value="2" id_usuario="123" name="idioma[]">
<img class="imgFlag" src="/img/flag_uk.jpg" title="Inglés" alt="Inglés">

$(".imgFlag").click(function() {
        if ($(this).prev().prop('checked')) { // borrar ese idioma del profesor
            procesar_idioma($(this).prev().attr('id_usuario'), $(this).prev().val(), "0");
            $(this).prev().prop('checked', false);
        }
        else { // añadir ese idioma
            procesar_idioma($(this).prev().attr('id_usuario'), $(this).prev().val(), "1");
            $(this).prev().prop('checked', "checked");
        }
    });
----------------------------------------------------------------

No hay comentarios:

Publicar un comentario