Question

我有以下代码，但我现在需要将图像标记包含在带有属性的锚标记中。我想在不使用jQuery的.html()方法的情况下这样做。

当前的JavaScript：

$('<img/>', {
    id: 'myID',
    src: 'myURL',
    class: 'myClass'
}).appendTo('#myContainer');

Answer 1

这是一个简洁的小解决方案：

$('<img>', {
    id: 'myID',
    src: 'myURL',
    class: 'myClass'
}).appendTo($('<a>', {           /* append the `img` to a new anchor */
    href: 'http://link.com/to/whatever',
    moreattributes: 'attributevalues'
}).appendTo('#myContainer'));    /* and put the anchor inside `#myContainer` */

Answer 2

试试这个：

$('<img/>', {
id: 'myID',
src: 'myURL',
class: 'myClass'
}).wrap('<a href="#" />').parent().appendTo('#myContainer');

Answer 3

如果你想包装使用wrap

$('<img/>', {
    id: 'myID',
    src: 'myURL',
    class: 'myClass'
}).wrap('<a href="#" class="your_class" />');

Answer 4

您可以使用 wrap() 将图片包装在锚点内，然后使用 parent() 将您的图片和锚点附加到容器中：

$('<img/>', {
    id: 'myID',
    src: 'myURL',
    class: 'myClass'
}).wrap('<a href="#"></a>').parent().appendTo('#myContainer');

<强> Fiddle Demo

我应该如何将锚和图像标记附加到容器中？

4 个答案: