jquery - 如果知道输入元素的 'id'，则从输入元素获取 'name' 的最佳方法

Question

这是基于 jquery 的问题。

假设我有以下表格。

<form id="add_some_love_form">
    <input type="hidden" name="csrfmiddlewaretoken" value="blahblah">

    <input type="hidden" name="validate" value="True">

    <label for="product_number_field">SOME LABELS:</label>
    <input id="product_number_field" name="number" type="text">

    <label for="product_name_field">SOME LABELS:</label>
    <input id="product_name_field" name="name" type="text">

    <label for="product_group_field">SOME LABELS:</label>
    <select id="product_group_field" name="product_group">
        <option value="" selected="selected">---------</option>
        <option value="1">blah 1</option>
        <option value="2">blah 2</option>
        <option value="3">blah 3</option>
    </select>
</form>

是否可以通过

获取输入元素的 id

• id:“产品编号字段”和
• 姓名:'号码'

如果我对这个元素唯一的了解是它的名称是“number”并且有一个输入标签？

Answer 1

只需按属性 name 选择元素，然后使用 attr 获取 id。

var id = $("input[name=number]").attr("id");

示例:

console.log($("input[name=number]").attr("id"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="product_number_field" name="number" type="text">