如何追加一些東西到幾個無類div的末尾

Question

在我的身體中，我有幾個div包含一個段落。我試圖在每個div的末尾添加一條虛線而不添加或更改任何內容。我如何定位這些div來追加該行？

的div只是看起來像：DIV p文本/ P/DIV

如這裏要求是完整的網頁我的工作：http://pastebin.com/8DFBxfDw

Answer 1

您所提供的信息有限，我建議：

$('div p:only-child').parent().css('border-bottom', '2px dashed #000'); 

JS Fiddle demo。

純CSS，但是：

div > p:last-child { 
    border-bottom: 2px dashed #f00; 
} 

div > p + p:last-child { 
    border-bottom-width: 0; 
} 

JS Fiddle demo。

參考文獻：

• CSS
  • :only-child pseudo-class。
• jQuery的
  • css()。
  • parent()。

Answer 2

$('div').each(function(index, value){ 
    $(this).append('---'); 
} 

但CSS的做法很可能是最好的做法在這裏與您所提供的信息量有限。

在CSS而不是JavaScript的

Answer 3

也許考慮您不希望任何補充身體：

#faq div { border-bottom: 1px dashed; } 

如果你不希望最後一個div有一行：

#faq div + div { border-top: 1px dashed; } 

Answer 4

如果您正在使用jQuery，你可以做

$('div').append('<hr>') 

或者你可以使用一個CSS技巧和使用::after

div::after{ 
    content: ''; 
    border-bottom: 2px dashed #000; 
    position: absolute; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
} 

的::after選擇可能無法在所有的瀏覽器，所以你需要使用填充工具對舊的瀏覽器。 http://caniuse.com/css-gencontent