jquery - 该对象 "undefined"

Question

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

任何人都可以帮我解决这个简单的错误吗？ Jquery 不是我最强的套件，但我觉得这是我缺少的一些小东西。使用下面的代码我收到错误“未定义”。

html:

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

Jquery:

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);