如何用Umbrella.js查找特定类型input及指定复选框的hidden input兄弟元素

1. 查找特定类型的input元素 #

Umbrella.js原生支持标准CSS选择器，直接通过属性选择器就能定位特定类型的input：

• 查找所有文本类型input：

  // 选中页面上所有type="text"的input
  const textInputs = u('input[type="text"]');
  

• 查找其他类型（如number、email）同理，替换选择器里的类型值即可：

  const numberInputs = u('input[type="number"]');
  const emailInputs = u('input[type="email"]');
  

2. 查找特定复选框的hidden类型input兄弟元素 #

先定位目标复选框，再通过Umbrella.js的siblings()方法筛选出同级的hidden类型input：

1. 先选中目标复选框（示例用id选择器，也可根据实际场景使用class或其他属性选择器）：

   const targetCheckbox = u('#specific-checkbox');
   

2. 链式调用siblings()并传入hidden input的选择器，获取所有符合条件的兄弟元素：

   const hiddenSiblings = targetCheckbox.siblings('input[type="hidden"]');
   

3. 如果需要对这些hidden input做操作（比如获取值、修改属性），可以用each()遍历：

   hiddenSiblings.each(el => {
     console.log('hidden input值:', el.value);
     // 示例：修改value属性
     el.value = 'new-value';
   });
   

内容的提问来源于stack exchange，提问作者Mig82