jqueryのパラメータ

Question

とMVC-3機能私はこのページを有する

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#delete").click(function() { 
     if (confirm) { 
      $("#divSchedules").load('@Url.Content("~/Export/ScheduleDelete/")'); 
     } 
     else { 
      return false; 
     } 
    }); 
}); 
</script> 
<table> 
<tr> 
    <td>Description</td> 
    <td>Schedule</td> 
    <td>&nbsp;</td> 
</tr> 
@foreach (var item in Model) 
{ 
    <tr> 
     <td>@item.Description</td> 
     <td>@item.Schedule</td> 
     <td><a href="@Url.Action("ScheduleEdit", new { @id = item.Id })" class="popLink"><img alt="" src="@Url.Content("~/Content/images/icons/edit.gif")" style="border:none;" /></a> 
      <img alt="" src="@Url.Content("~/Content/images/icons/delete.gif")" style="border:none;" id="delete" /></td> 
    </tr> 
} 
</table> 

jQueryの機能存在は、ID =、例えば、imgタグを「削除」を持つ要素によってトリガされます。

誰かが私を助けてくださいすることができ、私はパラメータが、私は、パラメータとしてjqueryの上のIDを追加しているようなのonclick例えば

$(document).ready(function() { 
    $("#delete").click(function (id) { 
     if (confirm) { 
      $("#divSchedules").load('@Url.Content("~/Export/ScheduleDelete/" + id)'); 
     } 
     else { 
      return false; 
     } 
    }); 
}); 

<img alt="" src="@Url.Content("~/Content/images/icons/delete.gif")" style="border:none;" onclick="delete(@item.Id)" /> 

を使用して渡さには、このjQueryの機能を持っている必要があります。私はそれを試みましたが、常に "コンテキストではないID"というエラーをコンパイルしていました。

誰かが助けてくれますか？どうもありがとうございました。

Answer 1

私はあなたがこの変更する必要がだと思う：これまで

$("#divSchedules").load('@Url.Content("~/Export/ScheduleDelete/" + id)'); 

：

$("#divSchedules").load('@Url.Content("~/Export/ScheduleDelete/")' + id); 

をそして、あなたはid="delete"との複数の要素を持つことはできません。代わりにclassNameを使用して、要素をまとめてグループ化する必要があります。 IDは、サーバーの一意のIDでなければなりません。だから私の考えは、すべての削除ボタンに 'delete'クラスを与え、そのクラスのすべての要素にクリックハンドラをアタッチすることです。 DOMオブジェクトのプロパティアクセスを使用して、クリックされた要素のIDを簡単に抽出できます。

<img alt="" src="@Url.Content("~/Content/images/icons/delete.gif")" style="border:none;" class="delete" id="@item.Id" /> 

$(document).ready(function() { 
    $(".delete").click(function() { 

     // get ID of clicked image 
     var id = this.id 
     if (confirm) { 

      // concatenate ID to URL 
      $("#divSchedules").load('@Url.Content("~/Export/ScheduleDelete/")' + id); 
     } 
     else { 
      return false; 
     } 
    }); 
}); 

は、私はあなたのIDが似ているかわからない（あなたがまたはプレフィックスを使用する必要がない場合がありますので、IDは数字で始まってはならないことを、覚えておいてください：コードで

）。