带有附加选择器的 jQuery DOM 节点

Question

在 jQuery 中传入 DOM 节点后，我尝试进行其他选择。在此示例中，我尝试在选择框中进行更改后显示一个“隐藏”提交按钮（注意，我传递的是 FORM 元素，而不是 SELECT 元素：

<form id="UpdateRegistrationStatusForm">
   <select id="registration_status" onchange="AdjustRegistrationStatus(this.form)">
         <option value="1">approved</option>
         <option value="2">cancelled</option>
   </select>
   <input id="registration_status_update" type="submit" style="display:none" value="update"/>
</form>

因此，我传递的 jQuery 代码想做，但不起作用看起来像这样...

function AdjustRegistrationStatus(myForm)
{
     jQuery(myForm "#registration_status_update").show();
     if (jQuery(myForm "#registration_status").val() == 1)
     {
          //do some other things here...
     }
}

我想从 FORM DOM 对象开始并添加额外的“字符串”选择器，有什么帮助吗？

Answer 1

我怀疑您正在寻找 find 函数，但我有点困惑，因为从属元素有 ID，所以您实际上不需要从表单开始。如果他们有其他一些非唯一的东西（比如一个类），你可能会这样做：

var form = $('#UpdateRegistrationStatusForm');
form.find('.regupdate').show();
if (form.find('.regstatus').val() == 1)
{
    //...
}

..但是对于 ID 来说，没有太多理由这样做。

Answer 2

为此，请使用 #id 选择器（id 应该是唯一的，无论它相对于什么）：

jQuery("#registration_status_update").show();

在其他情况中，使用 .find() 像这样：

jQuery("#registration_status_update").show();

.find() 查找与选择器匹配的所有后代，它是用于移动的众多树遍历函数之一。