我尝试将一个类(添加红色边框)添加到另一个div内的图像。我需要使用data-attr来获取它。我已经完成了第一部分,这是我的代码:
HTML:
<div class="delivery-method col-lg-5">
<div class="letter row" data-delivery-method="letter" >
<div class="col-lg-4">
<input type="radio" name="choose-delivery-metod" value="box" checked>
<img src="{url}../../../assets/website/img/letter.png" alt="Paczka">
</div>
<div class="col-lg-8">
<span class="deliver-method-name">KOPERTA</span>
<span>JUŻ OD 11.48ZŁ</span>
</div>
</div>
<div class="box row" data-delivery-method="box">
<div class="col-lg-4">
<input type="radio" name="choose-delivery-metod" value="letter">
<img src="{url}../../../assets/website/img/box.png" alt="List">
</div>
<div class="col-lg-8">
<span class="deliver-method-name">PACZKA</span>
<span> JUŻ OD 11.48ZŁ </span>
</div>
</div>
JavaScript的:
$("div[data-delivery-method]").click(function(){
var idValue= $(this).attr("data-delivery-method");
var objectWithIdValue = $(this).find("[data-delivery-method='" + idValue + "']");
//not working
$(objectWithIdValue).find("img").click(function(){
console.log(this);
});
//not working -end
});