Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Проблема с append() (https://javascript.ru/forum/jquery/31666-problema-s-append.html)

Fedorovich 16.09.2012 15:24

Проблема с append()
 
Подскажите, почему при отработке вот этого кода, у меня в итоге срабатывает только последний td#name?
var check_fail = $("<img src='/images/check_fail.png' />");
$('td#email').append(check_fail);
$('td#password').append(check_fail);
$('td#name').append(check_fail);


Если я поставлю последним любой другой элемент он тоже отработает как положено, а те что идут до него нет.

В итоге должно получиться вот так:
<td id="email"><img src='/images/check_fail.png' /></td>
<td id="password"><img src='/images/check_fail.png' /></td>
<td id="name"><img src='/images/check_fail.png' /></td>


А пока получается вот так:
<td id="name"><img src='/images/check_fail.png' /></td>


Подскажите пожалуйста, что не так.

walik 17.09.2012 16:09

<!DOCTYPE HTML>
<html>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  </head>
  <body>
    <table>
      <tr>
        <td id="email"></td>
        <td id="password"></td>
        <td id="name"></td>
      </tr>
    </table>
    <input type="button" value="Check" />
    <script>
      $('input').click(function() {
      	var check_fail = $("<img src='http://help.wileyplus.com/browsercheck/images/check-fail.gif' />");
		$('td#email').append(check_fail*!*.clone()*/!*);
        $('td#password').append(check_fail*!*.clone()*/!*);
        $('td#name').append(check_fail*!*.clone()*/!*);
      });
    </script>
  </body>
</html>


Часовой пояс GMT +3, время: 11:38.