Question

我正在处理一个LI元素内的ID卡图像[multiple]，在这个过程中我提出了下面的代码。对于单个图像路径，它工作正常。当用户单击“printBtn”按钮时，要求填充所有选定的图像路径。我需要实现PDF转换（打印目的）。有帮助吗？提前谢谢。

HTML

<div class="idcard-cont">
    <ul>
       <li>
        <img src="../../images/img-IDcard.gif" alt="" />
       </li>
       <li>
         <img src="../../images/img-IDcard.gif" alt="" />
       </li>
      <li>
        <img src="../../images/img-IDcard.gif" alt="" />
      </li>
    </ul>
</div>
    <input type="button" value="Print" id="printBtn" />

JQUERY

$(".idcard-cont").find("li").on('click', function(){
        var $this = $(this);
        $this.toggleClass("selected");
        if($this.hasClass("selected")){
            alert($this.html());
        }
    });

Answer 1

$('#printBtn').click(function(){
    var urls=[];
    $('.idcard-cont .selected').each(function(){
        urls.push($(this).find('img').attr('src'));
    });
    console.log(urls); //contains all the selected imgs
});

Answer 2

听起来你想要添加到数组

我不是jQuery的专家，但也许不像是

var list = new Array();

$(".idcard-cont").find("li").on('click', function(){
    var $this = $(this);
    $this.toggleClass("selected");
    if($this.hasClass("selected")){
        list.push(item.text);
    }
});

console.log(list.length);

如何获取位于<li> </li>内的所选图像的[multiple / all]值

2 个答案: