Question

我的div结构如下所示

<div  data-role="collapsible">
        <div class="prd-items-detials">
            <ul>
                <li class="head">
                    <form><input type="checkbox" class="checkboxclas" name="checkbox-mini-0" id="' + random_number + '" data-mini="true">
                    <label class="testtt" for="checkbox-mini-0">Somelabel</label>
                    </form>
                </li>
                <li class="prd-items-qt">
                    <div class="col">
                        <span class="prd-sm-img">
                        <img id="imagesd" type="img" height="40" width="40"  src="myimage.jpg"/>
                        <span>
                    </div>
                    <div class="col">
                        <i class="minus">
                        </i>
                        <i class="qt">1</i>
                        <i class="plus"></i>
                    </div>
                    <div class="col">
                    </div>
                    <div style="display: none;" class="price">120</div>
                    <div class="total">150</div>
                </li>
            </ul>
        </div>
</div>

单击复选框，我无法访问图像src

我试过这种方式，但它没有来。任何人都可以帮忙吗？

  $(document).on("click", ".checkboxclas", function (e) 
  {
      if ($(this).is(':checked')) 
      {
         var price = $(this).closest("ul").find("div.price").text();
         var image = $(this).closest('div[data-role="collapsible"]').find("imagesd").src.text();
      }
  });

Answer 1

您可以使用：

$(this).closest('li').next().find('img').attr('src');

或

$(this).closest('ul').find('img').attr('src');

如果上面的每个ul元素标记中只有一个图像。

Answer 2

你必须使用prop()或attr()来获取img的src：

var image = $(this).closest('div[data-role="collapsible"]').find("#imagesd").attr("src");

如何使用Jquery Selector访问图像src

2 个答案: