如何更改img src属性作为其父选择

Question

I am using this code for my carousel, I want to change src attribute of an <img> tag base on it's parent "aria-selected" attribute set it to "true" manually.

$(".item").on('click',function(event){
 $(this).parent('a').attr("aria-selected","true")
}

How can I achieve this, with javascript?

Answer 1

If I understand correclty you want to get the image element in the current item scope and replace its src . So something like this should work:

links.forEach(function(item) {
    item.setAttribute("aria-selected", "false");
    var image = item.querySelector('img');
    var currentSrc = image.getAttribute('src');
    var newSrc = currentSrc.replace('.png', '-active.png');
    image.setAttribute('src', newSrc);
});