jquery - 用 jquery 连接 html

Question

我在将 html 连接到 jquery 时遇到问题。

我试过这个： -

$('.dwrcwi_add_to_basket form').append('<input type="hidden" name="image" value="'+imagename+'"\'/">');

但它是这样返回的：-

<input type="hidden" "="" '="" value="nav-shop-cart.png" name="image">

任何人都可以帮忙吗？还请解释是什么错误？或者为我提供一些关于这些类型连接的教程。

谢谢。

Answer 1

你有一个额外的单引号和一个额外的双引号：

'<input type="hidden" name="image" value="'+imagename+'"\'/">'
                                                        ^^ ^

他们可能会混淆您浏览器的 HTML 解析器（它足以解析无效的 HTML）。我建议改为构造一个 jQuery 对象：

$('<input>', {
    'type': 'hidden',
    'name': 'image',
    'value': imagename
}).appendTo('.dwrcwi_add_to_basket form');