如何使用 jquery 更改其他选定的元素样式

Question

我的 html 正文中有 5 张图片，当用户点击其中一张时，jquery 会更改点击图片的样式和未点击图片的样式

例如用户点击 img_choose1 的图像，img_choose1 的边框会变成蓝色，但问题是其他图像的边框不会变成红色 怎么办？

for (var i=1; i <= 5; i++) {
    $(body).append('<img  id="img_choose'+i+'" height="100" src="a'+i+'.jpg"/>');
}

$("[id^='img_choose']").click(function() {
    $(this).css("border","rgba(70,70,180,0.5) medium solid");

    //$(this).siblings().css("border","rgba(160,20,70,0.5) medium solid");
    // It don't change other selected elements border color
})

Answer 1

试试这个DEMO

for (i=1; i <= 5; i++) {
    $('body').append('<img id="img_choose'+i+'" src="http://placehold.it/350x150" alt="">');
}

$('img').click(function() {
  $(this).css('border', '1px solid blue');
  $(this).siblings().css('border', '1px solid red');
});