我有一个ul,然后有一个按钮,点击添加一个li<ul id="ctContent">
</ul>
<script type="text/javascript">
function addLi(imgSrc) {
            var liIndex = $("li").index($("#ctContent li:last-child"));
            var cls = "";            if (liIndex % 2 == 0 || liIndex == -1)
                cls = "sty2";
            else
                cls = "sty1";            var fileName = imgSrc.substring(imgSrc.lastIndexOf('\\') + 1);
            var newLi = $("<li class=\"" + cls + "\"><p class=\"lie1\"><img src=\"" + imgSrc + "\" /></p><p class=\"lie2\">" + fileName + "</p><p class=\"lie3\">原图</p><p class=\"lie4\">等待上传</p><a class=\"lie5\" href=\"javascript:void(0);\" onclick=\"$(this).parent().remove()\"><img src=\"images/upload_03.jpg\" style=\"border:0px;\" /></a></li>");
            $("#ctContent").append(newLi);
        }
</script>我想通过点击一个按钮,遍历li取得li里面的img的src路径,这个应该怎么截取啊?

解决方案 »

  1. $("#ctContent").find("li").each(function()
    {
       $(this).find("img").get(0).attr("src");
    });
      

  2.     <input type="button" value="添加" onclick="addLi('http://avatar.profile.csdn.net/8/7/D/2_ailiujing.jpg')" />
        <input type="button" value="获得" onclick="getSrc()" />
        <ul id="ctContent">
    </ul>
    <script type="text/javascript">
    function addLi(imgSrc) {
                var liIndex = $("li").index($("#ctContent li:last-child"));
                var cls = "";            if (liIndex % 2 == 0 || liIndex == -1)
                    cls = "sty2";
                else
                    cls = "sty1";            var fileName = imgSrc.substring(imgSrc.lastIndexOf('\\') + 1);
                var newLi = $("<li class=\"" + cls + "\"><p class=\"lie1\"><img src=\"" + imgSrc + "\" /></p><p class=\"lie2\">" + fileName + "</p><p class=\"lie3\">原图</p><p class=\"lie4\">等待上传</p><a class=\"lie5\" href=\"javascript:void(0);\" onclick=\"$(this).parent().remove()\"><img src=\"images/upload_03.jpg\" style=\"border:0px;\" /></a></li>");
                $("#ctContent").append(newLi);
            }
            function getSrc()
            {
                var str = [];
                var imglist = $("#ctContent p img");
                imglist.each(function(){str.push(this.src)})
                alert(str.join(","))
            }
    </script>
      

类似问题 »