使用Jquery Quicksand链接而不是表单值

Question

以下是我的工作代码：http://www.metropoliscreative.com/jake_test/index.html

我正在尝试使用Jquery Quicksand插件来过滤两种类型的数据。 我目前正在处理顶部的两个下拉表单。我正试图让他们使用下面的链接。由于链接没有像表单选择那样的val（），我不确定如何让这些链接对应...

*编辑：我认为问题不在于插件，更多的是将使用val属性移植到等效用途上。在我看来，不能以与表单相同的方式“存储”一个值吗？

提前感谢您的时间。我已经挣扎了好几天了！ ：d

Answer 1

您可以使用jQuery（“a”）。attr（“href”）;选择链接中的任何元素，就像在表单元素中一样。您可以将“href”替换为您要选择的属性，例如。 “相对”

Answer 2

我认为你所要求的很容易实现。两个选项：

1. 在标记的“href”属性中，将您使用的任何值放在标记的“value”属性中。
2. 单独保留“href”属性并使用自定义属性（HTML5现在允许此属性）命名为：“data-attributename”

以这种方式设置链接后，使用jQuery将click事件绑定到它们，并在处理单击的函数中，从属性中获取值：

$('.myList a').click(function(){
    var filterValue = $(this).attr('href');

   // Filtering function using "filterValue" as input...
});

将上面使用的attr（'href'）替换为您正在使用的任何技术。

希望这有帮助！

Answer 3

这是试用HTML5数据属性规范的好地方。它可以一直回到IE6，你可以将任意数据粘贴到任何元素上，而不需要非语义的解决方法，比如将数据填充到href中。

示例：

<li><a data-val="1" name="bp">Brochure Packages</a></li>