如何选择嵌套在另一个元素中的元素?

时间:2016-12-05 15:10:47

标签: jquery

我尝试将一个类(添加红色边框)添加到另一个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

});

0 个答案:

没有答案