是否有可能使用jQuery混合多个选择器和过滤器？

Question

我知道有可能性，使用jQuery，mix Multiple Selector with Multiple Attribute Selector，事实上，我用它。 例如，这工作得很好：

$('input[type="checkbox"][name^="selected"]:checked', theForm).length 

在我的例子，“theForm”是含有“＃form1的”，我用它来指代自己的状态具有属性ID =“form1的”的字符串。

那么，问题是：是否有可能将上述内容与jQuery过滤器混合？ 这里是一个代码示例：

var myVar = $('input[name^="modcc_"]', myForm).filter(...) 

我试图用这个，我似乎并没有得到在myVar的 元素，但如果我只是删除“myForm会”这样

var myVar = $('input[name^="modcc_"]').filter(...) 

它的工作原理..为什么？难道我做错了什么？我确信“myForm”变量是正确的“填充”（它是一个包含“＃formMod”的字符串，它与我的表单的id属性一致），并且我确信输入是在该表单中，并且它是唯一具有该ID 。

感谢您的帮助！

P.S. 这个问题来自one of my previous I made in a comment to the accepted answer to this question没有得到答案。我认为它无论如何可以作为一个问题，而不是一个简单的评论，所以......在这里！希望能有一个答案吧...

- 编辑 的要求，我把这里的HTML表单代码：

<form action="..." method="post" id="formMod" name="formMod"> 
    <input type="hidden" name="catid" value="412" /> 
    <td width="8%">412</td> 
    <td>myName</td> 
    <td width="9%" style="white-space:nowrap; background-color:LightGoldenRodYellow;"> 
     <input id="modcc_icv" name="modcc_icv" type="text" value="10" maxlength="3" size="4" />. 
     <input id="modcc_dcv" name="modcc_dcv" type="text" value="25" maxlength="2" size="3" />% 
    </td> 
    <td width="18%" class="actions_col" style="background-color:LightGoldenRodYellow;"> 
     [ <a href="...">Annnulla</a> ] 
     <input type="submit" name="confirmMod" value="Salva" /> 
    </td> 
</form> 

Answer 1

问题是您使用无效标记。

您不能将<form>元素作为<tr>元素的直接子元素。

你的HTML将根据浏览器的各种方式进行返工，并<td>元素及其内容可能会被从form去除，从而<td> s为的<tr>的孩子。

当我把您的标记在Chrome中，这是它的呈现方式：

<tr> 
     <!-- THE FORM HAS LOST ITS CONTENT --> 
    <form action="..." method="post" id="formMod" name="formMod"></form> 

    <input type="hidden" name="catid" value="412"> 
    <td width="8%">412</td> 
    <td>myName</td> 
    <td width="9%" style="white-space:nowrap; background-color:LightGoldenRodYellow;"> 
     <input id="modcc_icv" name="modcc_icv" type="text" value="10" maxlength="3" size="4">. 
     <input id="modcc_dcv" name="modcc_dcv" type="text" value="25" maxlength="2" size="3">% 
    </td> 
    <td width="18%" class="actions_col" style="background-color:LightGoldenRodYellow;"> 
     [ <a href="...">Annnulla</a> ] 
     <input type="submit" name="confirmMod" value="Salva"> 
    </td> 

</tr> 

注意，<form>元素现在是空的。

所以这就是为什么你能够找到<input>元素进行文档搜索，但不是从表格本身的上下文。

所以它与.filter()没有任何关系，而是事实上你并没有首先选择任何元素。

Answer 2

你确定你没有正确使用myForm代替theForm？

这就是说，你在使用$(foo,bar)选择器语法时所做的是在bar上下文中选择foo元素。如果设置myForm作为上下文不会产生结果（在没有它的情况下选择时），通常意味着您要么选择错误的上下文，要么在给定的上下文中没有任何元素与您的选择器匹配。

这是some more reading about it。