jquery-selectors - javascript - jQuery input value - jQueryで要素を名前で選択するにはどうすればいいですか?

Js input value / javascript / jquery / html / dom

テーブルの列を拡張したり、隠したりしたいのですが。

jQueryは、要素の名前ではなくクラスで選択すると、 td 要素を非表示にするようです。

例えば、なぜそうなるのか。

$(".bold").hide(); // selecting by class works
$("tcol1").hide(); // select by element name does not work
<tr>    
    <td>data1</td>
    <td name="tcol1" class="bold"> data2</td>
</tr>
<tr>    
    <td>data1</td>
    <td name="tcol1" class="bold"> data2</td>
</tr>  
<tr>    
    <td>data1</td>
    <td name="tcol1" class="bold"> data2</td>
</tr>

M Reza



Answer #1
var firstname = jQuery("#form1 input[name=firstname]").val(); // ABCDを返します
var lastname = jQuery("#form1 input[name=lastname]").val(); // XYZを返します
console.log(firstname);
console.log(lastname);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form name="form1" id="form1">
  <input type="text" name="firstname" value="ABCD"/>
  <input type="text" name="lastname" value="XYZ"/>
</form>