如何使用 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');
});

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

how can change other selected element style using jquery

jquery

border

colors

siblings