首先你要先找出你的那个img标签然后在用jq的attr属性获取
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
img{width:30%;}
</style>
<script type="text/javascript" src="jqueryjs"></script>
<script type="text/javascript">
$(document)ready(function() {
var srcImg =$('img')attr('src');
alert(srcImg);
});
</script>
</head>
<body>
<img src="
</body>
</html>
结果
1、新建一个html文件,命名为testhtml。
2、在testhtml文件中,在p标签内,使用span标签创建一行文字,span标签是p标签的子标签。
3、在testhtml文件内,设置span元素的id为myspan,下面将使用jquery方法获得该id值。
4、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“获取子标签的ID值”。
5、在testhtml文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getspanid函数。
6、在js标签中,创建getspanid()函数,在函数内,通过元素名称获得p元素对象,使用children()方法获得p标签的子标签,再通过attr()方法来获得id值。最后,使用alert()方法将id值输出来。
使用jquery找到一个div中的img元素的方法可以使用选择器结合find()方法来实现。
工具原料:编辑器、jquery
1、解决的思路是先使用选择器选择div,然后使用find()方法查找div里的img元素,代码示例如下:
<body><div id="div1">
<img src="1jog">
<a href="#"><img src="2jpg"></a>
</div>
<script>
$(function(){
var res = $('#div1')find('img');
consolelog(res);
})
</script>
</body>
2、运行的结果如下:
注意:也可以使用子元素选择器等方法获取某个容器内的所有指定元素。
以上就是关于有一段代码怎样用jquery获取里面的img src属性 代码要写在文件外部全部的内容,包括:有一段代码怎样用jquery获取里面的img src属性 代码要写在文件外部、jquery怎样获取动态增加的img标签的id、如何在jquery中找到一个div中的img属性等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)