访问div的孩子并追加跨度

时间:2014-07-07 11:30:40

标签: javascript jquery html css

我正在这样访问我的孩子,我正在尝试为每个div容器设置span标题。

$(".div-container").children().each(function(n, i){    
    console.log("Is it coming" + this.id);
    $(this.id).before($('<span />').css('margin-left' , '60px').attr({'class':'progress-title' }).html('Title'));
    $(this.id).before($('<span />').attr({'class':'progress-title-after' }).html('25% Usage'));
});

我得到了相应的id,但是span元素没有被添加到我的div容器中。

2 个答案:

答案 0 :(得分:3)

this指的是元素,因此您无需按ID重新选择它。只需将this包装在jQuery对象中。

$(this).before($('<span />').css('margin-left' , '60px').attr({'class':'progress-title' }).html('Title'));

答案 1 :(得分:2)

为什么不

$(this).before($('<span />').... // rest of code

而不是像

那样连接这些ID
$(this.id).before($('<span />').... // rest of code

因为您正在获取每个孩子的ID,所以最终您将获得该对象本身