热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

通过mvcjQuery中的唯一ID选择元素-selectingelementviauniqueidinmvcjQuery

Iamtryingtoselecttheseelementsviauniqueid.Inthiscaseuniqueidis@item.cardID.我试图通过唯一I

I am trying to select these elements via unique id. In this case unique id is @item.cardID.

我试图通过唯一ID选择这些元素。在这种情况下,唯一ID是@ item.cardID。

@model IEnumerable

foreach (var item in Model)
{
   0 Spam
   0 Loves
   0 Favorites
   0 Hates
}

I will have many links on a view page coming via list. I tried using jQuery with each anchor tag to post some data via ajax.

我将通过列表在视图页面上有许多链接。我尝试使用jQuery与每个锚标签通过ajax发布一些数据。

I would use unique id to use an ajax action on each anchor above.

我会使用唯一的id在上面的每个锚点上使用ajax动作。

I have already used id and class with name @item.cardID and was using it as below before-

我已经使用名为@ item.cardID的id和类,并在之前使用它 -

for ID- $('#'+"@item.cardID") 
for Class- $('.'+"@item.cardID") 

Now for all left elements those should be using only unique id I have only left option is use it with the name. So I did try-

现在对于所有左侧元素,那些应该只使用唯一ID我只留下选项是使用它与名称。所以我试过 -

0 Spam

and jQuery now-

和jQuery现在 -


But this isn't working. How should I use this unique id without breaking action of other elements?

但这不起作用。如何在不破坏其他元素的情况下使用此唯一ID?

1 个解决方案

#1


0  

You should look at leveraging HTML5's data- attributes for storing metadata on an element. jQuery supports this with the data() method.

您应该考虑利用HTML5的数据属性在元素上存储元数据。 jQuery使用data()方法支持这一点。

foreach (var item in Model)
{
   0 Spam
   ...
}

Now, bind your handler to any link with a name value of "spam":

现在,将处理程序绑定到名称值为“spam”的任何链接:

$(function () {
        $('a[name=spam]').click(function (e) {
            e.preventDefault();
            var cardId = $(this).data('cardId');
            alert(cardId);
        });
});

ref: http://ejohn.org/blog/html-5-data-attributes/

ref: https://api.jquery.com/jQuery.data/


推荐阅读
  • 本文介绍了Hive常用命令及其用途,包括列出数据表、显示表字段信息、进入数据库、执行select操作、导出数据到csv文件等。同时还涉及了在AndroidManifest.xml中获取meta-data的value值的方法。 ... [详细]
  • 本文讨论了在ASP中创建RazorFunctions.cshtml文件时出现的问题,即ASP.global_asax不存在于命名空间ASP中。文章提供了解决该问题的代码示例,并详细解释了代码中涉及的关键概念,如HttpContext、Request和RouteData等。通过阅读本文,读者可以了解如何解决该问题并理解相关的ASP概念。 ... [详细]
  • ZSI.generate.Wsdl2PythonError: unsupported local simpleType restriction ... [详细]
  • 高质量SQL书写的30条建议
    本文提供了30条关于优化SQL的建议,包括避免使用select *,使用具体字段,以及使用limit 1等。这些建议是基于实际开发经验总结出来的,旨在帮助读者优化SQL查询。 ... [详细]
  • springmvc学习笔记(十):控制器业务方法中通过注解实现封装Javabean接收表单提交的数据
    本文介绍了在springmvc学习笔记系列的第十篇中,控制器的业务方法中如何通过注解实现封装Javabean来接收表单提交的数据。同时还讨论了当有多个注册表单且字段完全相同时,如何将其交给同一个控制器处理。 ... [详细]
  • 前景:当UI一个查询条件为多项选择,或录入多个条件的时候,比如查询所有名称里面包含以下动态条件,需要模糊查询里面每一项时比如是这样一个数组条件:newstring[]{兴业银行, ... [详细]
  • MyBatis多表查询与动态SQL使用
    本文介绍了MyBatis多表查询与动态SQL的使用方法,包括一对一查询和一对多查询。同时还介绍了动态SQL的使用,包括if标签、trim标签、where标签、set标签和foreach标签的用法。文章还提供了相关的配置信息和示例代码。 ... [详细]
  • Python SQLAlchemy库的使用方法详解
    本文详细介绍了Python中使用SQLAlchemy库的方法。首先对SQLAlchemy进行了简介,包括其定义、适用的数据库类型等。然后讨论了SQLAlchemy提供的两种主要使用模式,即SQL表达式语言和ORM。针对不同的需求,给出了选择哪种模式的建议。最后,介绍了连接数据库的方法,包括创建SQLAlchemy引擎和执行SQL语句的接口。 ... [详细]
  • 本文讨论了如何在codeigniter中识别来自angularjs的请求,并提供了两种方法的代码示例。作者尝试了$this->input->is_ajax_request()和自定义函数is_ajax(),但都没有成功。最后,作者展示了一个ajax请求的示例代码。 ... [详细]
  • 本文介绍了Oracle存储过程的基本语法和写法示例,同时还介绍了已命名的系统异常的产生原因。 ... [详细]
  • 解决.net项目中未注册“microsoft.ACE.oledb.12.0”提供程序的方法
    在开发.net项目中,通过microsoft.ACE.oledb读取excel文件信息时,报错“未在本地计算机上注册“microsoft.ACE.oledb.12.0”提供程序”。本文提供了解决这个问题的方法,包括错误描述和代码示例。通过注册提供程序和修改连接字符串,可以成功读取excel文件信息。 ... [详细]
  • Postgresql备份和恢复的方法及命令行操作步骤
    本文介绍了使用Postgresql进行备份和恢复的方法及命令行操作步骤。通过使用pg_dump命令进行备份,pg_restore命令进行恢复,并设置-h localhost选项,可以完成数据的备份和恢复操作。此外,本文还提供了参考链接以获取更多详细信息。 ... [详细]
  • 十大经典排序算法动图演示+Python实现
    本文介绍了十大经典排序算法的原理、演示和Python实现。排序算法分为内部排序和外部排序,常见的内部排序算法有插入排序、希尔排序、选择排序、冒泡排序、归并排序、快速排序、堆排序、基数排序等。文章还解释了时间复杂度和稳定性的概念,并提供了相关的名词解释。 ... [详细]
  • 本文总结和分析了JDK核心源码(2)中lang包下的基础知识,包括常用的对象类型包和异常类型包。在对象类型包中,介绍了Object类、String类、StringBuilder类、StringBuffer类和基本元素的包装类。在异常类型包中,介绍了Throwable类、Error类型和Exception类型。这些基础知识对于理解和使用JDK核心源码具有重要意义。 ... [详细]
  • php缓存ri,浅析ThinkPHP缓存之快速缓存(F方法)和动态缓存(S方法)(日常整理)
    thinkPHP的F方法只能用于缓存简单数据类型,不支持有效期和缓存对象。S()缓存方法支持有效期,又称动态缓存方法。本文是小编日常整理有关thinkp ... [详细]
author-avatar
的士风云
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有