Как создать элемент ссылки с изображением в качестве якоря с jquery?

Question

Я знаю, как создавать элементы с помощью jquery, используя что-то вроде:

$('<div/>').appendTo('body');

Как я могу создать это:

<a href=""><img src="" /></a>

Используя ту же технику?

Answer 1

$('<img />').attr({
  src:'some image url',
  width:'width in intiger',
  height:'integer'
}).appendTo($('<a />').attr({
  href:'somelink'
}).appendTo($('#someElement')));

Answer 2

Вы можете сначала выбрать элемент html, используя jquery, а затем использовать метод "html ()", чтобы установить нужный html.Вот пример:

$('div.demo-container')
  .html('<a href=""><img src="" /></a>');

Единственное, что вы должны быть в состоянии уникально идентифицировать желаемый div, который вы хотите изменить.Возможно, установив идентификатор или класс.

Answer 3

Сначала вам нужно выяснить, есть ли элемент обтекания, куда вы хотели бы вставить этот контент.В jquery вы бы использовали функцию:

$('.inner').append('<p>Test</p>');

Допустим, это был ваш элемент dom:

<h2>Greetings</h2>
  <div class="container">
    <div class="inner">Hello</div>
    <div class="inner">Goodbye</div>
</div>

Любые элементы с классом ".inner" теперь будут дополняться абзацем сслово "тест"

<h2>Greetings</h2>
  <div class="container">
    <div class="inner">
      Hello
      <p>Test</p>
    </div>
    <div class="inner">
      Goodbye
      <p>Test</p>
    </div>
 </div>

Ознакомьтесь с документацией jquery, чтобы узнать больше: http://api.jquery.com/append/

Answer 4

Хорошо .. вы можете сделать: $('<a href="http://mysite.com"><img src="/img/img.jpg" /></a>').appendTo('#myDIV')

Answer 5

Это работает путем добавления объекта изображения.

$('<a>', {href:''}).append($('<img>', {src:''}).appendTo('body')