Проблема с 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, время: 19:51. |