Форум

Fedorovich · #1 (**permalink**) 16.09.2012, 15:24

Подскажите, почему при отработке вот этого кода, у меня в итоге срабатывает только последний 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 · #2 (**permalink**) 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>

Форум

Справочник

Discord чат

Курсы javascript