使用 jQuery 在已知的 div 中查找其 ID 部分已知的隐藏字段

Question

我有一种情况，其中 div 的 ID 是已知的，并且只有嵌入隐藏字段的部分 ID 是已知的。

问题

What jQuery 选择器将帮助我找到一个隐藏字段，该字段在其 ID 中具有 2df_20，其 ID 为 div 面板 1？这种情况的 html 如下所示。

<div id="panel1">
  <input type='hidden' name='mydiv1_abc_1' value='prod1' />
  <input type='hidden' name='mydiv1_xyz_12'  value='prod2' />
  <input type='hidden' name='mydiv1_2df_20'  value='prod3' />
</div>
<div id="panel2">
  <input type='hidden' name='mydiv2_abc_1' value='prod1' />
  <input type='hidden' name='mydiv2_xyz_12'  value='prod2' />
  <input type='hidden' name='mydiv2_2df_20'  value='prod3' />
</div>

Answer 1

Select 使用 attribute contains selector:

$('#panel1 input[name*="2df_20"]')

还有其他属性选择器。查看 here 以获得属性选择器的完整列表。