首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >单击按钮时获取窗体中不同类的属性

单击按钮时获取窗体中不同类的属性
EN

Stack Overflow用户
提问于 2012-12-05 15:44:41
回答 2查看 64关注 0票数 1

当我单击Delete按钮时,如何在jquery中获取art-no的值?

代码语言:javascript
运行
复制
<form id="artForm" method="post">
<input type="hidden" name="sequence" value="27" art-no="27">
<input type="button" value="Delete" class="delete" id="submitbutton">
</form>

在像这样使用jQuery时:

代码语言:javascript
运行
复制
$(".delete").click(function() {
alert (".sequence").attr("art-no");
return false;
});

这实际上应该是有效的,但我一直在警告框中显示.sequence。是因为它是隐藏的吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-12-05 15:49:30

首先,这是一个可行的解决方案:

代码语言:javascript
运行
复制
$(".delete").click(function() {
    alert ($("[name='sequence']").attr("art-no"));
    return false;
});

我有一些建议;

  • 隐藏字段没有类名,所以您不能使用.sequence作为选择器,您必须使用[name='sequence'],或者您可以给它sequence类并使用它来组成您自己的属性您可以使用data属性和.data(),像使用data-art-no="27"一样使用它并像使用.data('art-no')
  • Last,一样使用它使用return false.

event.preventDefault()实例来访问它

以下是您修改后的代码:

代码语言:javascript
运行
复制
$(".delete").click(function(e) {
    e.preventDefault();
    alert ($("[name='sequence']").data("art-no"));
});
票数 4
EN

Stack Overflow用户

发布于 2012-12-05 15:46:35

在输入中添加class="sequence",现在只有一个名称,然后替换

代码语言:javascript
运行
复制
alert (".sequence").attr("art-no");

使用

代码语言:javascript
运行
复制
alert ($(".sequence").attr("art-no"));

或者更好

代码语言:javascript
运行
复制
alert ($(this).prev(".sequence").attr("art-no"));

为了确保您有正确的元素,如果您多次使用sequence类(这通常是使用类而不是id的原因)。

如果不想添加类或id,选择器将为input[name=sequence]

代码语言:javascript
运行
复制
alert ($("input[name=sequence]").attr("art-no"));
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13718479

复制
相关文章

相似问题

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