入力要素から 'id'を得る最良の方法

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を得ることができることは可能です： 'product_number_field' と
• 名： '番号'

場合にのみ、私がこの要素のために知っていることは、その名前が「数字」であり、入力タグを持っているということです。

Answer 1

nameという属性で要素を選択し、idをattrに設定するだけです。

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">

Answer 2

このお試しください：私はあなたが数の前後に引用符のペアを逃したと思います

$('input[name="tag_name"]').attr('id'); // it will return id