jquery如何获取某一元素的指定子元素

婷婷fyt1216 2015-10-14 06:15:45

我想获取如图的不确定个数的img标签下的src，应该怎么写呀？

...全文

5849 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

婷婷fyt1216 2015-10-15

打赏
举报

引用 5 楼 xiaofanku 的回复:

[quote=引用 4 楼 u013549582 的回复:] [quote=引用 2 楼 cqrf2006 的回复:] $(“·upload_img”).find("img").each(function(){alert(this.src}})；

function test（）｛ alert （。。。）；｝我是想在这里面得到一个数组，存的是上传的每个图片的src内容，请问怎么写呀？[/quote] 你一点脑不动吗？


var srcArr=$(“.upload_img”).find("img").map(function(){
   return $(this).attr('src');
}).get()；

[/quote] 我没有学过js.....

吴钦飞 2015-10-14

打赏
举报



<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>



    <div id="preview" class="upload_preview">

        <div id="uploadList_0" class="upload_append_list">

            <a class="imgBox" href="#" >

                <div class="uploadImg">

                    <img class="upload_image" src="http://img4.imgtn.bdimg.com/it/u=3973469564,2643885576&fm=15&gp=0.jpg" alt="">

                </div>

            </a>

        </div>

        <div id="uploadList_0" class="upload_append_list">

            <a class="imgBox" href="#" >

                <div class="uploadImg">

                    <img class="upload_image" src="http://img4.imgtn.bdimg.com/it/u=417571815,4029812825&fm=15&gp=0.jpg" alt="">

                </div>

            </a>

        </div>

    </div>



    <script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js"></script>

    <script>



        // 1. 通过CSS选择器来定位所有<img>

        var uploadImageList = $("#preview .imgBox .upload_image");



        // 2. 获取所有<img>的src属性值，返回一个jQuery对象(包含所有的src属性值)

        var uploadImageSrcList = uploadImageList.map( function() {

            return this.src;

        } );



        // 3. 将此jQuery对象转化为JS数组

        var uploadImageSrcArray = uploadImageSrcList.toArray();

        

        console.info( uploadImageSrcArray, uploadImageSrcArray instanceof Array ); 





    </script>

</body>

</html>

街头小贩 2015-10-14

打赏
举报

引用 4 楼 u013549582 的回复:

[quote=引用 2 楼 cqrf2006 的回复:] $(“·upload_img”).find("img").each(function(){alert(this.src}})；

function test（）｛ alert （。。。）；｝我是想在这里面得到一个数组，存的是上传的每个图片的src内容，请问怎么写呀？[/quote] 你一点脑不动吗？


var srcArr=$(“.upload_img”).find("img").map(function(){
   return $(this).attr('src');
}).get()；

婷婷fyt1216 2015-10-14

打赏
举报

引用 2 楼 cqrf2006 的回复:

$(“·upload_img”).find("img").each(function(){alert(this.src}})；

function test（）｛ alert （。。。）；｝我是想在这里面得到一个数组，存的是上传的每个图片的src内容，请问怎么写呀？

婷婷fyt1216 2015-10-14

打赏
举报

引用 1 楼 xiaofanku 的回复:

$('.upload_append_list').find(img)

alert出来的是这样的，并没有src的数组呀！

feng00~ 2015-10-14

打赏
举报

$(“·upload_img”).find("img").each(function(){alert(this.src}})；

街头小贩 2015-10-14

打赏
举报

$('.upload_append_list').find(img)

主要介绍了jquery中获取元素里某一特定子元素的代码,需要的朋友可以参考下

使用jquery拼接了一个订单列表，现在需要给每一个订单添加点击事件跳转到订单详情，跳转时需要将订单ID带到下一个页面，所以需要获取拼接字符串时附加在li上的ID属性，但是LI的触发范围只有如上图所示的最外层一小部分的浅绿色区域，而用户点击时可能是LI里面的某一个子元素，这样的话可能无法正确的获取LI上的订单ID。这个时候可以用上图的方法，即使点击的元素不是子元素也能找到指定元素，从而...

jQuery常用方法 Demo: 1.获取指定元素下的所有子元素$("div").children() Demo: 2.获取指定元素下的所有指定子元素$("div").children(".selected") Demo: 3.查找父元素下的指定子元素$("p").find("span"); Demo: 4.获取指定元素的所有祖先元素$("span").parents(); //括号中没有...

jQuery的出现给广大开发者提供了不少的方便。从要自己一个一个敲代码，到直接调用方法，无疑大大地提高了网站开发的效率。而在jQuery中有一些方法非常的实用。下面就给大家介绍下jquery选择器:获取父级元素、同级元素、子元素的方法。一、获取父级元素 1.parent() 获取指定元素的父级元素，注意：是最靠近指定元素的父级元素。 2.parents() 获取指定元素的所有父级元素，...

有些方法获取的是元素是集合，方法是要用单个元素调用的。例如：jquery遍历，js一些方法等为某一元素添加子节点方法：append（）；格式：[获取到此元素].append('[要添加的子元素格式]'); 例子： $("#mydiv").append("我有一个梦想！"); $("#mydiv").append("我有一个梦想！"); $("#mydiv").

JavaScript

87,775

社区成员

224,624

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章