jquery - 如何设置姐妹或兄弟 div 的样式

Question

我正在尝试设置姐妹 div 的样式，但不是使用此 ID #rooms-booking-manager-change-search-form

例子

div + #rooms-booking-manager-change-search-form { padding:10px;字体大小:18px； }

<div>Arrival Date: 19/09/2013</div>
<div>Departure Date: 21/09/2013</div>
<div>Nights: 2</div>
<form id="rooms-booking-manager-change-search-form"></form>

解决方法:

div ~ #rooms-booking-manager-change-search-form {
    background: red;
}

Answer 1

您可以使用加号选择另一个元素旁边的一个元素。

例如

div + div { padding: 10px; }