将jQuery的类添加到第一个和最后一个孩子

Question

我有以下内容添加一个带有js的类：

＆＃13;

＆＃13;

$('.image-container img:first').addClass('active');
$('.image-container img:last').addClass('left');

＆＃13;

.active { border: 1px solid red; }
.left { border: 1px solid blue; }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='image-container'>
  <img src="/img.png" alt="xga-1">
  <br>
  <img src="/img2.png" alt="xga-1">
</div>

＆＃13;

＆＃13;

＆＃13;

当我将类添加为活动或动态左移时，它还会将类添加到图像之间的<br>标记中。我如何阻止代码执行此操作并仅将类添加到image-container内的图像？