Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取值imgsrc jquery_Javascript_Jquery_Html - Fatal编程技术网

Javascript 获取值imgsrc jquery

Javascript 获取值imgsrc jquery,javascript,jquery,html,Javascript,Jquery,Html,通过以下结构获取img src值的正确方法是什么。下面的代码返回空 JS-bin(点击smiley): 注意:当我移除图像周围的A HREF标记时,我会收到图像src,如果我在IMG周围放置A HREF标记,我不会收到IMG src HTML: 您应该使用来获取数据-属性的值,而不是jQuery.attr 成功选择图像后,您可以像上面那样使用.attr('src') 但是,您的代码有问题,您试图错误地获取图像。您的HTML代码显示: <img id="sim-edit-testtest .

通过以下结构获取img src值的正确方法是什么。下面的代码返回空

JS-bin(点击smiley):

注意:当我移除图像周围的A HREF标记时,我会收到图像src,如果我在IMG周围放置A HREF标记,我不会收到IMG src

HTML:

您应该使用来获取
数据-
属性的值,而不是
jQuery.attr

成功选择图像后,您可以像上面那样使用
.attr('src')

但是,您的代码有问题,您试图错误地获取图像。您的HTML代码显示:

<img id="sim-edit-testtest .image" src="https://img.smileys.nl/152/winky.png" alt="" border="0" width="42" height="42" />
说实话,选择器中的
.image
也有点毫无意义,因为ID在页面中应该是唯一的,所以可以进一步简化为:

if ( big_parent.data('type') == 'testtest' ) {
  $('#sim-edit-testtest').attr('src');
}

你必须这样使用它:

$('#sim-edit-testtest img').attr('src');

此代码捕获并显示IMG SRC&A HREF,如本例所示:

这里唯一的问题是它抓取了第一个img src如果找到了,我如何选择我按下的img src

$("#sim-edit-testtest .image").val($('img', 'a').attr("src"));
$("#sim-edit-testtest .url").val(big_parent.children('a').attr("href"));

没有一个选择器真正匹配任何内容,不能有ID为
etcIndead的元素like@adeneo说,当您查看我的jsbin时,您注意到a href版本工作正常,img部分由于某种原因失败。我已经搜索并注意到您需要使用“查找”来查找子元素,但我没有成功。@ZakariaAcharki-垃圾桶被编辑,我直接从垃圾桶复制/粘贴HTML,然后在
中ID实际上有一个句点,等等。我试过,我仍然在尝试你的代码,但我的jsbin代码并没有真正得到任何结果。我认为你正在打一场失败的战争,对代码进行测试。尝试减少您在JSBin实验中尝试测试的内容(或者改用JSFIDLE),在解决问题后,您总是可以再次构建复杂性。也缩进你的代码!它有助于可视化您正在使用的DOM树。我刚刚让它对上的一个部分起作用,但只有当我删除a标记时,当我删除它们时,它才会显示图像src,如果我添加它,它只会显示href url
if ( big_parent.data('type') == 'testtest' ) {
  $('#sim-edit-testtest').attr('src');
}
$('#sim-edit-testtest img').attr('src');
$("#sim-edit-testtest .image").val($('img', 'a').attr("src"));
$("#sim-edit-testtest .url").val(big_parent.children('a').attr("href"));