Question

<div id="select">
   <div class="selected">
    <img src="/abc/image1.png">
   </div>
   <div>
    <img src="/abc/image2.png">
   </div>
   <div >
    <img src="/abc/image3.png">
   </div>
</div>

我希望在使用class="selected"选择特定图像时获取图像的值。 class="selected"可以包含任何图片。我尝试使用两种方法

var selectImage = $('#select').find('.selected').attr('src');

和

var selectImage = $('#select').find('.selected').value();

但两者都不起作用，首先是提供undefined值，而第二个提供""值。我的代码出了什么问题？

Answer 1

你很亲密，你需要定位<img class="image" src="location.png" ng-click="location=true; openModal('locationPage')"> <img class="image" src="weather.png" ng-click="weather=true; openModal('weatherPage')">元素的img孩子。

selected

＆＃13;

var str = $('#select .selected img').attr('src');
var fileName = str.split("/").pop()

＆＃13;

var str = $('#select .selected img').attr('src');
var fileName = str.split("/").pop()

console.log(str);
console.log(fileName);

＆＃13;

Answer 2

此外，如果您想要获取任何/所有图片，无论网页上有class="selected"的位置，您都可以执行此操作：

var filename = $("img.selected").attr("src").split("/").pop();

在Jquery中获取所选图像的值

2 个答案: