jquery 根據同一 a:link 和 text 中的另一個數據屬性值更新數據屬性

Question

我有以下 HTML 行，我需要根據與 data-id 值匹配的值更新數據顏色和文本值

<td class="colour"><a class="btn btn-link btn-sm btnModal" role="button" id="product-1" data-toggle="modal" href="#myModal" data-id="123" data-colour=""><img src="/colourWheel.png">Select colour</a></td>

從下面的代碼中，我刪除了大部分不相關的

$(".colour-code").on("click",function() {
        var colour = $(this).data("product");
        var id = $(this).data("id");
    });

var id 將等於 data-id="123" 所以我需要將 var color 的值添加到 data-colour="" 並更新文本。

我遇到的問題是 $(".colour-code").on("click",function() 處於模態，所以我無法使用最接近的

Answer 1

漫長的一天，我需要做的就是

 $("#product-1 span").text(colour);
 $("#product-1").attr("data-colour",colour);

:(