将HTML附加到具有多个类标签的div内的段落标记。

时间:2013-12-20 12:57:54

标签: jquery dom

我有以下HTML(我正在使用现有的HTML文档,我无法轻易更改,因此结构):

<div class="one-third last">
<p>
</p>
</div>

我想应用以下jQuery:

$(document).ready(function(){
    $("one-third last p").append("Hello Everybody!");
});

显然'三分之一的最后一个'不起作用,但我想知道我必须使用什么来定位它。

4 个答案:

答案 0 :(得分:2)

在所有地方使用.而不提供空间,您缺少.

 $("one-third.last p").append("Hello Everybody!");

答案 1 :(得分:2)

你需要把'。' - 按类名获取元素。

使用“.firstclass.anotherclass element”或“sometagorclass:last:first”....等。

$(".one-third:last p").append('Hello Everybody!');

$(".one-third.last p").append('Hello Everybody!');

答案 2 :(得分:1)

应该是

$(".one-third.last p").append("Hello Everybody!");

类名称写为[dot] +类名。

相同元素上的类没有空格。

More information here.

答案 3 :(得分:1)

您需要为类选择器设置点数:

$(document).ready(function(){
    $(".one-third.last p").append("Hello Everybody!");
});