jquery - 这个对象 "undefined"

Question

我试过环顾四周，但似乎找不到相同的案例，所以这是我的问题:

谁能帮我解决这个简单的错误。 Jquery 不是我最强大的套件，但我觉得这是我所缺少的小东西。使用下面的代码，我得到错误“未定义”。

html:

<a href='#' ><img src= "./images/1.jpg"  width= '200px'  id="2" rel="arm1" onclick = 'test()' /></a>

J查询:

function test(){
    alert($(this).html());
};

我要的是被点击的img标签的HTML代码。还有其他方法吗？

所以我尝试了以下方法，但效果不佳:我也将 onclick 添加到 ahref 标记中。(错误:未定义)我尝试将“事件”作为参数传递。 (错误说明“事件”未声明)在尝试获取其 html() 时。

PS 我不想将 id 用作 onclick 函数!

任何帮助将不胜感激!

谢谢!

Answer 1

好吧，这就是你获取图像 HTML 的方法:

function test(obj) {
    alert($(obj).parent().html());
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a href="#">
    <img src= "http://lorempixel.com/100/100" onclick="test(this)" width="200px" id="2" rel="arm1" />
</a>

如您所见，您可以将当前图像对象作为 this 传递给点击处理程序。从那里转到父元素 (a) 并读取其 HTML 内容，这将是一个图像 HTML。

UPD. t.niese 在评论中有一个关于 outerHTML 的观点，它有很好的支持，因此理想的代码如下所示:

alert(obj.outerHTML);