javascript - JQuery点击attr ('src')返回未定义

Question

图像从 ko.observableArray 加载

<ul data-bind="foreach: images">
<li>
    <div class="photo">
        <h2></h2>
        <img data-bind="attr:{src: '/images/'+path}, click: $root.addImageUrl">
    </div>
</li>

单击图像后，我想获取图像 src 并将其添加到另一个 ko.observableArray 我有以下脚本

self.addImageUrl = function () {
    var src = $("img",this).attr('src');
    self.selectedImages.push(src);
};

但返回未定义。

Answer 1

您使用这个是错误的。在 addImageUrl 函数中，this 不是元素。我可以建议您改用 img 对象(它没有显式传递给函数):

self.addImageUrl = function (img) {
    var src = '/images/' + img.path;
    self.selectedImages.push(src);
};

Demo