1

テーブル内の各レコードでレンダリングされるタグ付きのカミソリコードのテーブルがあります。ユーザーがこの画像をクリックすると、アプリがクリックされた行 (jquery) とアラート ID に対してストア ID を取得する方法を見つけるのに苦労しています。

<table id="grid">
 <thead> 
 <tr>
    <th data-field="store_id">Store ID</th>
    <th data-field="address">Address</th>
    <th data-field="postcode">post Code</th>
    <th data-field="city">City</th>
    <th data-field="country">Country</th>
    <th data-sortable="false">Action</th>
   </tr>
  </thead>

 <tbody>
 @foreach (var item in Model)
 {
   <tr>
    <td>@Html.DisplayFor(modelItem=> item.storeID)</td>
    <td>@Html.DisplayFor(modelItem=> item.address)</td>
    <td>@Html.DisplayFor(modelItem=> item.postcode)</td>
    <td>@Html.DisplayFor(modelItem=> item.city)</td>
    <td>@Html.DisplayFor(modelItem=> item.Country)</td>
    <td><img class="img" src="~/Images/delete.png" /></td>
   <!-- <td> <input type="button" class="b1" value ="Press Me" /></td>-->
  </tr>
  }
 </tbody>
</table>

ここにjQueryを使用したJavaScriptコードがあります

<script>

 $(document).ready(function () {

     $(".img").click(function () {

         var a = $(this).  ?????

         alert("clicked " + a);

         var store = { storeID: '3' }
         $.ajax({
             type: "POST",
             url: "/Master/processJsonRequest",
             data: JSON.stringify({ model: store }),
             dataType: "json",
             contentType: "application/json; charset=utf-8",
             success: function (response) {
                 alert(response);
             }
         });
     });
 });



</script>
4

1 に答える 1

0

これを試して：

$(".img").click(function () {
    var storeId = $(this).closest('tr').find('td:first').text();
    alert("clicked " + storeId);

    // fire off your ajax...
});

フィドルの例

于 2013-01-29T20:10:11.280 に答える