jquery nth-child追加(dl中的第一个和第二个dd)麻烦

时间:2015-01-05 02:32:08

标签: javascript jquery html css

尝试在dl中选择第一个/第二个dd,添加一个

HTML:

<dl> <dt></dt> 
    <p></p>
    <dd></dd>
    <dd></dd>
</dl>

JS(Jquery的):

$("dl dd:nth-child(1)").after("<sub>md</sub>");
 $("dl dd:nth-child(2)").after("<sub>lg</sub>");

Js Fiddle

如何为多个dl完成?我必须使用.each吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

只需使用nth-of-type,它就会将其添加到所有人(你的小提琴也没有运行jquery)

$("dl dd:nth-of-type(1)").after("<sub>md</sub>");
$("dl dd:nth-of-type(2)").after("<sub>lg</sub>");

FIDDLE