0

我正在使用字符串连接来构建 HTML 片段，然后将其放入 DOM。我很欣赏将 HTML 混合到 JavaScript 中的不好做法，并且可能有更好的解决方案。但是我正在努力编码的行是：

$('<h1>' + content[0].title + '</h1>').append('body');

所以我想要实现的是创建一个<h1>，然后将它的文本设置为我存储在内容变量中的对象数组中的第一个对象中的 title 属性的值。然后最终将其附加到<body>- 任何建议将不胜感激。

(function() {

        var content = [
            {
                title: 'Speak of the devil and he shall appear',   
                thumbnail: 'images/bane.jpg',
            },

            {
                title: 'Me the joker',   
                thumbnail: 'images/Joker.jpg',
            }
        ];

        $('<h1>' + content[0].title + '</h1>').append('body');

    })();
4

2 回答 2

3

您正在尝试将正文附加到您的元素。使用appendTo()代替append()

于 2012-11-22T10:55:31.453 回答
0

利用

$('body').append('<h1>' + content[0].title + '</h1>');​

代替

$('<h1>' + content[0].title + '</h1>').append('body');

或者你可以按照gabitzish在他的回答中建议的那样做

$('<h1>' + content[0].title + '</h1>').appendTo('body');​
于 2012-11-22T10:57:20.373 回答