Javascript 如何将某些内容附加到几个无类div的末尾

在我的正文中，有几个div包含一个段落。我试图在每个div的末尾添加一条虚线，而不添加或更改正文中的任何内容。如何将这些div作为追加行的目标

div看起来就像：div p text/p/div

---

根据要求，这是我正在处理的完整页面：

关于您提供的有限信息，我建议：

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

但是，对于纯CSS：

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

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

参考资料：

• CSS
• jQuery

---

但是CSS方法可能是您提供的信息量有限的最佳做法。

考虑到您不想在正文中添加任何内容，可能使用CSS而不是JavaScript：

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

如果不希望最后一个div有行：

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

---

如果您使用的是

jQuery

，您可以

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

：：after

选择器可能无法在所有浏览器中工作，因此您需要为较旧的浏览器使用polyfill

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

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