jQuery - 特定のテーブル行で特定のフィールドを選択するにはどうすればいいですか？

Question

私のテーブルの特定の行の@ Html.HiddenFor（modelItem => item.FromUserID）フィールドを選択します。

私は私は私のテーブルの行を書くことによって選択することができます知っている：var tableRow = $（ "＃row-" + contactInfoRequestId）;

しかしFromUserIDフィールドを選択してそのコンテンツにアクセスするにはどうすればよいですか？

@foreach (var item in Model) 
{ 
<tr id="row-@item.ContactInfoRequestID"> 
    <td> 

      </td> 

    <td> 
     @Html.HiddenFor(modelItem => item.FromUserID) 
      </td> 

    <td> 

      </td> 
</tr> 
} 

Answer 1

クラス追加：

<td class="fromuserid"> 
    @Html.HiddenFor(modelItem => item.FromUserID) 
</td> 

をし、それに応じて選択：あなたが第二tdを選択したいが、したくない場合は

var content = $("#row-" + contactInfoRequestId+" .fromuserid").html(); 

Answer 2

jQueryの:nth-childは、このために最適ですHTMLにクラスやIDを追加する：

var secondTableCell = $("#row-" + contactInfoRequestId + " td:nth-child(2)"); 

これは、指定した行の2番目のtdを選択します。

コンテンツを取得するには、jQueryの.text()メソッドを使用してください。

Answer 3

HTML 5を使用している場合は、非表示入力の代わりにデータ属性を使用できます。

<td data-fromUserID="@item.FromUserID"> 

In jquery: 

var fromUserID = $("td").attr("data-fromUserID");