Проблема с 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> Подскажите пожалуйста, что не так. |
<!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, время: 20:32. |