Mettre javascript id à l'intérieur div avec jQuery

$('div.box').html("hello")

met le mot bonjour à l'intérieur de tous mes div de la classe «boîte». Ils ont tous un identifiant attribué.Mettre javascript id à l'intérieur div avec jQuery

J'essaie de comprendre comment placer l'identifiant de chaque div à la place de 'bonjour' dans la div. Peut-être que c'est vraiment facile, mais je ne peux pas le comprendre. Je suis aussi nouveau à jQuery. Des idées? J'ai essayé:

$("div.box").html("id: " + $(this).attr("id"));

Source

2009-02-08 bbarnhart

Eh bien c'était weirde ... accepté alors non accepté. Fugace. :) – cletus

Essayez ceci:

$("div.box").each(function() { 
    $(this).html("Id: " + this.id); 
});

Exemple complet:

<html> 
<head> 
    <title>Layout</title> 
</head> 
<body> 
    <div id="id1" class="box">Box One</div> 
    <div id="id2" class="box">Box Two</div> 
    <div id="id3">Box Three</div> 
    <div id="id4" class="box">Box Four</div> 
<script src="http://www.google.com/jsapi"></script> 
<script> 
    google.load("jquery", "1.3.1"); 
    google.setOnLoadCallback(function() { 
    $(function() { 
     $("div.box").each(function() { 
     $(this).html("ID: " + this.id); 
     }); 
    }); 
    }); 
</script> 
</body> 
</html>

Source

2009-02-08 04:12:52 cletus

Parfait. Merci. – bbarnhart

+1 Je n'ai jamais vu le JSAPI avant très cool. – bendewey

Vous aurez envie de boucle à travers chaque élément.

$("div.box").each(function() 
{ 
    $(this).html("id: " + this.id); 
});

Source

2009-02-08 04:14:56 bendewey

Mettre javascript id à l'intérieur div avec jQuery

Répondre

Questions connexes