javascript - jQuery 无法捕获父元素

Question

我正在尝试访问父元素直至按钮元素以修改其CSS。我可以通过 id 访问 span 元素。但是当我尝试转到父 img 时，它显示未定义

这是我的 html 代码

<button type="button" class="buttonLike">\
    <img src = "../Image/thumbsUp.png" clas="test">\
            <span class="postID" id=' + idPost + '>' + likesPost + '</span>\
    </img>\
 </button>\

这是我访问 span 元素的 jquery 代码

$.each(result, function (index,data) {
                var liked = data.liked;
                if (liked == true) {
                    console.log($("#" + postId).parent("img").attr("src"));
                }
   });

我怎样才能正确地做到这一点。

Answer 1

img 元素是自动关闭的。试试这个:

<button type="button" class="buttonLike">\
    <img src = "../Image/thumbsUp.png" clas="test">
    <span class="postID" id=' + idPost + '>' + likesPost + '</span>\
 </button>

并用 jquery 获取它:

  console.log($("#" + postId).parent().find("img").attr("src"));