Javascript 将类添加到第一个div以设置内部div的样式?

Javascript 将类添加到第一个div以设置内部div的样式?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个动态生成的元素列表,除了第一个之外,所有元素的样式都是相同的。如果第一个没有渲染,我希望第二个(现在是第一个)具有第一个的样式 <div class="container"> <a><div>first</div></a> <a><div>second</div></a> <a><div>third</div><

我有一个动态生成的元素列表,除了第一个之外,所有元素的样式都是相同的。如果第一个没有渲染,我希望第二个(现在是第一个)具有第一个的样式

  <div class="container">
    <a><div>first</div></a>
    <a><div>second</div></a>
    <a><div>third</div></a>
    <a><div>fourth</div></a>
    </div>
我还尝试通过jquery向第一个div添加一个类,但它甚至没有添加我的类:

$('.container a:first div').addClass('aaaa');
既然这两种方法都不管用,我怎么才能完成我想做的事情呢?主要是想修复我的CSS答案,但如果不可能的话,jquery也可以工作


用例:

<div class="container events" style="margin-top: 28px;">
  <h3>Upcoming Meetups</h3>
  <div class="hugs-post-instructions">blah blah<br>Click on each button to be taken to the registration page.</div>

  <a href="#">
    <div class="square-button">Next Meetup: May 19, 2016
    </div>
  </a>

  <a href="#">
    <div class="square-button">Upcoming Meetup: September 22, 2016
    </div>
  </a>

  <a href="#">
    <div class="square-button">Upcoming Meetup: December 1, 2016
    </div>
  </a>
</div>
我正在构建一种日程安排配置文件,但由于我们的框架不支持日历小部件,因此我们填写数据,然后使用
Date.parse()
/
moment.js
获取时间戳。然后,我们将日期(即:2016年6月1日)与当前日期的时间戳进行比较<代码>如果当前日期>事件日期则事件日期不呈现

我们最多存储4个事件日期,我正试图使其自折旧,这样我们就不必在每次事件完成时更新它


呈现HTML的示例:

<div class="container events" style="margin-top: 28px;">
  <h3>Upcoming Meetups</h3>
  <div class="hugs-post-instructions">blah blah<br>Click on each button to be taken to the registration page.</div>

  <a href="#">
    <div class="square-button">Next Meetup: May 19, 2016
    </div>
  </a>

  <a href="#">
    <div class="square-button">Upcoming Meetup: September 22, 2016
    </div>
  </a>

  <a href="#">
    <div class="square-button">Upcoming Meetup: December 1, 2016
    </div>
  </a>
</div>

即将举行的会议
诸如此类的
点击每个按钮进入注册页面。
啊,根据您的更新,我相信您希望伪类作为选择器:

。容器a:n类型(1)div{
背景:红色;
}

即将举行的会议
废话

点击每个按钮进入注册页面。
或者,您可以突出显示第一个
div
,方法是为所有div添加红色背景,然后将其全部删除:

.container a div{
背景:红色;
}
.集装箱a+a分区{
背景:继承;
}

即将举行的会议
诸如此类的
点击每个按钮进入注册页面。
a:第一个子项应该可以工作,顺便问一下,为什么要将div包装在
a
中?你说的“如果第一个子项没有呈现”是什么意思?如果没有呈现,第一个子项
a
会被删除吗?或者这是如何处理的?呈现的第一个应该始终是列表中的第一个,对吗?一个演示部分机制的堆栈片段可能会有所帮助。那么很明显,您还有其他事情要做,因为在这种情况下,
.container a:first child div
应该可以用……但你说不行。还有
:第一个类型的
。哎哟,它来了!谢谢你的帮助!