如何在JQuery中将元素追加到具有特定类属性的项目中?

时间:2017-02-28 08:10:47

标签: jquery

我正在尝试将

标记附加到具有特定类的标记。没有发生

的附加内容。

这就是我想要实现的目标 - What I want

以下是我正在编写的代码 - My code

但是,生成的html根本没有

标签。它确实包含了我附加到

的所有标签

为什么我不能将

附加到特定班级的任何想法?

3 个答案:

答案 0 :(得分:1)

试试这个

 while(index>=0){
  var html = '<div class="'+array[index]+<p>'">Hello'+array[index]+'</p></div>';
        $body.append(html);
        index--;
    }

答案 1 :(得分:1)

<script>
$(document).ready(function(){
var $body = $('body'); 
$body.html(''); 
var array = ['a','b','c','d','e'];
var index = array.length-1; 
while(index >= 0){ 
var value = array[index];
var $tweet = $('<div class = '+array[index]+'><p>' +array[index]+  ' is being shown</p></div>'); 
$tweet.appendTo($body);
index -= 1; 
} 

}); 
</script>

答案 2 :(得分:0)

试试这个而不是

 $('.' + array[index]).append($p);

使用

 $tweet.append($p);

因为没有在HTML中添加带div的类,而您尝试更新它。

$(document).ready(function(){
            var $body=$('body');
            $body.html('');
            var array = ['a', 'b', 'c', 'd', 'e'];
            var index = array.length - 1;
            while(index>=0)
            {
                var value = array[index];
                var $tweet = $('<div class="' + array[index] + '"></div>');
                var $p = $('<p></p>');
                $p.text(array[index] + ' is begin show');

                $tweet.append($p);
                $tweet.appendTo($body);
                index -= 1;

            }
        });