代码之家  ›  专栏  ›  技术社区  ›  John Landheer

使用jquery/mvc2将子级添加到父级列表中

  •  0
  • John Landheer  · 技术社区  · 15 年前

    我的页面上有一个产品表,每个产品都有零种或更多颜色,颜色显示在产品下面的列表中。在颜色之后,我有一个按钮来添加颜色。按钮将使用父产品ID对控制器执行Ajax调用,该控制器将返回带有颜色信息的JSON对象。我的问题是如何将产品ID存储在DOM中,我应该将其放在隐藏字段中,并在“添加颜色”的单击事件中使用jquery来获取它吗?最好的方法是什么?

    蒂亚

    约翰

    编辑 :页面最初是在服务器上呈现的,因此我不想使用jquery向页面添加ID。

    1 回复  |  直到 15 年前
        1
  •  1
  •   Shiki    15 年前

    快速而肮脏的方法是将其放入锚标记的rel属性中。或者可以使用元数据插件: http://plugins.jquery.com/project/metadata . 它能够从元素中获取“data something”属性。“data something”属性对HTML5有效( more info )

    所以你可以让你的HTML看起来像:

    <tr data-productid="123"><td>...</td></tr>
    

    点击事件:

    var productId = $('tr-selector-here').metadata().productid;