jQuery 选择器和过滤

Question

我刚刚开始使用 jQuery，对此感到非常兴奋。

我发帖的原因是我编写了一些 jQuery 来完成所需的任务，但我怀疑它缺乏一点优雅......

我正在尝试获取所有具有以下内容的表行:1)一类“元素”2)一个有值的子文本输入框

HTML:

<tr class="item">
    <td class="sku">[dynamic]</td>
    <td class="quantity">
        <input type="text" name="[dynamic]" maxlength="3" /></td>
</tr>

jQuery

...
var selections=$(".item>.quantity>:text[value!='']").parent().parent();
...

我上面发布的代码可以工作，但是有两件事(至少？)有点奇怪。

代码味道#1:我在最后使用 '.parent().parent()' 来获取整行。有什么方法可以让我直接说“给我所有带有‘item’类的 tr，其中子文本输入有一个值”，而不是在最后回溯层次结构？

代码味道#2:我无法找出在选择过程中“修剪”文本输入值的方法，以确保空格不会被解释为内容。使用我当前的方法，我必须在 .each 循环期间进行“修剪”并再次检查，这似乎是多余的。

如果您看到“更好的方法”，请告诉我？

谢谢，理查德

Answer 1

#1

使用它(注意has选择器):

var selections=$(".item:has(>.quantity>:text[value!=''])");

#2

空格通常被认为是有效输入，因此如果您的应用程序特别需要其他输入，则可以使用 $.trim() 在循环中进行过滤。