如何更改img src屬性作為其父選擇

Question

我正在為輪播使用此代碼，我想基於其父"aria-selected"屬性將<img>標簽的src屬性更改為手動設置為“ true”。

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

如何使用JavaScript實現呢？

Answer 1

如果我理解正確性，則希望在當前item范圍中獲取image元素並替換其src 。 所以這樣的事情應該工作：

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);
});