jquery怎么获取img的src

可以使用jquery的attr方法实现获取img的src。

具体步骤如下：

需要准备的材料分别是：电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件，js文件。

2、在ue编辑器中输入以下html代码。

3、在ue编辑器中输入以下js代码。

4、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。

5、在浏览器中打开此html文件，可以看到最终想要实现的获取img的src效果。

可以在上传的JS函数setImagePreview()尾部加上

documentgetElementById('此处为元素的ID')stylesrc= "此处为上传的路径";

我看很多做前端的朋友，基本上都会碰到这个问题。比如，前端页面上要动态显示从后台接口返回的一串包含DOM节点的字符串。但是呢？有时候后台返回的这段字符串里面有个<img src="" alt="" />标签，而页面上因为地址原因又显示不出来，所以有时候就会有这么个需求，需要匹配到这段字符串里面的img标签，拿到它的src属性，可能会做判断可能会直接修改。

let reg = /(\/|>

由于html代码中，id是不允许重复的，所以，我把id，修改成了class

<div class="infoline">

            <div class="info">

                <a href="#">

                    <img class="marginImg" src="aaajpg" /></a>

                <span style="padding-top: 5">

                </span>

            </div>

            <div class="info">

                <a href="#">

                    <img class="marginImg" src="bbbjpg" /></a>

                <span style="padding-top: 5">

                </span>

            </div>

            <div class="info">

                <a href="#">

                    <img class="marginImg" src="cccjpg" /></a>

                <span style="padding-top: 5">

                </span>

            </div>

        </div>    <script src="Scripts/jquery-182js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function () {

            var arrayImgs = [];

            $("divinfo imgmarginImg")each(function () {

                alert($(this)attr("src"));

                arrayImgspush($(this)attr("src"));

            });

        });

    </script>

又要切片 又要img 逆天了。。用img显示一张大图里的一个小区域，复杂度比css多了n倍。

直接用css背景图不更好，这样img标签都省了。

假设你是这样的

<li><img src="pic/pic1jpg"></li>

改成这样

<style>

pic1{display:inline-block;width:1184px;height:300px;background:url(/pic/pic1jpg) 50px 30px no-repeat;}/假设你的小图在大图的50，30处/

</style>

<li><span class="pic1"></span></li>

搞掂

以上就是关于jquery怎么获取img的src全部的内容，包括:jquery怎么获取img的src、js 怎么获取SRC的值，传过去、js使用正则表达式将字符串里面的img标签src的值提取出来等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！