首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Jquery:如何从内容中获取属性

Jquery:如何从内容中获取属性
EN

Stack Overflow用户
提问于 2016-10-28 06:29:29
回答 1查看 36关注 0票数 1

我在从内容中获取元素并在用户单击鼠标时显示它时遇到了问题。

基本上,我们正在制作一个失物招领网站,当用户点击一个特定的位置时,我们希望出现一个带有该位置名称的文本框。

我们遇到了这样一个问题:什么都不输出,或者是一个很长的url,或者有时是对象对象。

代码语言:javascript
运行
复制
content: <area id="AF' class="location" title="Anderson Field" alt="Anderson Field">

我们有多个具有相同类名的区域属性,但ID不同。我们不是繁琐地说if (id == "AF")打印"Anderson Field",而是希望根据鼠标单击自动获得值

我们的事件处理程序:

代码语言:javascript
运行
复制
$("href").click("click", function(){

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

代码语言:javascript
运行
复制
function myfunction()
{
  return $("input").val(title);
}

所以我们的myfunction实际上是获取属性的值,但是我们的问题是我们没有正确获取它。要么什么都没有显示,要么是一个长url,要么是对象对象

EN

回答 1

Stack Overflow用户

发布于 2016-10-28 06:50:25

您可以将事件附加到地图中的"area“元素,并通过"this" keyword从jQuery事件访问( "area”元素的)元素属性。

例如,假设您的地图名为"planetmap",它可以是:

代码语言:javascript
运行
复制
$("map[name=planetmap] area").on("click", function(){
    $("#textBox").val($(this).attr('title')).show();
    return false;
});

其中textBox是要显示的隐藏输入。你可以看到实况:

https://jsfiddle.net/zetxek/rs03e3zd/5/

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

代码语言:javascript
运行
复制
$("#textBox").val($(this).attr('title'));
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40295207

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档