通过单击输入字段附近的按钮来发现输入字段ID/Name值的jQuery解决方案可以使用以下方法:
closest()
方法:该方法可以在DOM树中向上查找最近的匹配选择器的祖先元素。可以通过给按钮添加一个自定义属性来标识对应的输入字段,然后使用closest()
方法找到最近的包含该属性的祖先元素,进而获取输入字段的ID或Name值。// HTML代码示例
<input type="text" id="inputField" name="inputField">
<button class="findInputField">查找输入字段</button>
// jQuery代码示例
$('.findInputField').click(function() {
var inputField = $(this).closest('[data-input-field]').find('input');
var inputFieldId = inputField.attr('id');
var inputFieldName = inputField.attr('name');
console.log('输入字段ID:' + inputFieldId);
console.log('输入字段Name值:' + inputFieldName);
});
siblings()
方法:该方法可以获取当前元素的所有同级元素。可以将输入字段和按钮放在同一个父元素下,然后使用siblings()
方法找到与按钮同级的输入字段元素,进而获取其ID或Name值。// HTML代码示例
<div>
<input type="text" id="inputField" name="inputField">
<button class="findInputField">查找输入字段</button>
</div>
// jQuery代码示例
$('.findInputField').click(function() {
var inputField = $(this).siblings('input');
var inputFieldId = inputField.attr('id');
var inputFieldName = inputField.attr('name');
console.log('输入字段ID:' + inputFieldId);
console.log('输入字段Name值:' + inputFieldName);
});
这些解决方案可以帮助您通过单击按钮来查找输入字段的ID或Name值,并且不需要提及任何特定的云计算品牌商。
领取专属 10元无门槛券
手把手带您无忧上云