Помещение идентификатора JavaScript внутри div с помощью jQuery - PullRequest
Новая
       4

Помещение идентификатора JavaScript внутри div с помощью jQuery

2 голосов
/ 08 февраля 2009 
$('div.box').html("hello")

помещает слово "привет" во все мои div класса "box". Все они имеют назначенный идентификатор.

Я пытаюсь выяснить, как поместить идентификатор каждого div вместо 'hello' внутри div. Может быть, это действительно легко, но я не могу понять это. Я также новичок в JQuery. Есть идеи? Я пробовал: 

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

Ответы [ 2 ]

8 голосов
/ 08 февраля 2009

Попробуйте это: 

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

Полный пример: 

<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>
5 голосов
/ 08 февраля 2009

Вы захотите перебрать каждый элемент. 

$("div.box").each(function()
{
  $(this).html("id: " + this.id);
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...