jQuery查找并提供值问题

Question

代码位于：http://jsfiddle.net/m9yen/

问题：

• 我有多个LI列出FOOD ITEMS
• 每个li都包含一个链接（add），其中href是一个包含特定FOODID的rel。
• 我现在需要一个QUANITY的输入框
• 我还需要一个选择下拉服务类型（即我将填充的克，等等）
• 结束问题是，当点击添加时，我需要获取href的rel，输入的值和所选选项的特定LI ONLY 并将其发送到request.php通过ajax。

现在我确实让它专门用于rel只有sine它是一个如果点击href得到attr（'rel'）并通过ajax将它提交到request.php - 但是因为这需要其他值的项目以外href，但只在那个特定的LI中，我迷失了，并且尝试过使用.find（）而没有运气。

注意：将有多个，可能的50-100个列表（每个LI）

Answer 1

由于input和select元素是其兄弟姐妹，因此您必须使用siblings方法来查找它们。由于元素的名称与您匹配的内容相同，因此请使用=代替=^=，并使用"rel"从锚点而不是"a#rel"获取属性值。< / p>

var returnedResult = $(this).attr('rel') + "-" + $(this).siblings('input[name="servingAmount"]'.val() + "-" $(this).siblings('select[name="servingType"]').val();

<强> Demo

Answer 2

http://jsfiddle.net/m9yen/3/ - 一般都要整理。

• 用较短的语法
收听#addING的点击
• 使用event.preventDefault()代替return false来阻止链接执行
• 使用.siblings()...val()获取输入值
• 将=^=更改为= - 您无论如何都要匹配确切的名称。如果您需要“以”开头，则只需^=即可