Question

我无法从内容中获取元素并在用户点击鼠标时显示它。

基本上，我们正在创建一个丢失和找到的网站，当用户点击特定位置时，我们希望显示一个文本框，其中包含该位置的名称。

我们遇到的问题是没有输出任何内容，或者是长网址，有时是[对象对象]

content: <area id="AF' class="location" title="Anderson Field" alt="Anderson Field">

我们有多个具有相同类名的区域属性，但ID不同。而不是单调乏味地说（if = =＆＃34; AF＆＃34;）print＆＃34; Anderson Field＆＃34;，我们希望根据鼠标点击自动获取值

我们的事件处理程序：

$("href").click("click", function(){

$("#textBox").val(myfunction();

function myfunction()
{
  return $("input").val(title);
}

所以我们的myfunction实际上是获取属性的值，但我们的问题是我们没有正确获取它。无任何显示，长网址或[对象对象]

Answer 1

您可以将事件附加到地图内的“area”元素，并从jQuery事件通过"this" keyword访问元素属性（“area”元素）。

假设您的地图被称为“planetmap”，例如，它可能是：

$("map[name=planetmap] area").on("click", function(){
    $("#textBox").val($(this).attr('title')).show();
    return false;
});

textBox是您要显示的隐藏输入。你可以看到它：

如果您只想设置输入的值并将其显示在代码的其他部分，您可以省略“show”部分：

$("#textBox").val($(this).attr('title'));