0

古いjavascriptコードをjQuery構文に変換することで、jQueryを使ってmyselyを教育しようとしていますが、つまずきにぶつかったと思います。この言語の経験があまりないので、気楽にやってください。

私はこれをjQueryに変換しようとしています:

function getData (id) {
    document.form1.numID.value = id;
    document.form1.submit();
}

IDはjavascriptonClickイベントによって渡され、これが非表示フィールドに追加され、フォームとともに送信されます。私が抱えている問題は、クリックされたdivのクリックイベントにjQueryをバインドすると、リピート領域の最初のアイテムのみが機能し、残りは何も実行されないことです。これまでに収集したjqueryを含めました。 、divはすべてリピート領域内で同じ名前が付けられているため、私はそれを想定していますか?;

$('#Editor').click(function () {
    var id = $('#this').attr('value');
    alert('You Clicked Edit Job '+id+'..!!');
});

私はこれをアラートにエコーしましたが、これを行う方法を理解している間、私ができる残りの部分は、グーグルした後でもこれを理解するために継ぎ目がありません。これを理解したら、古いaspアプリをajaxイベントに変換します。

<div id="Editor" value="123">Some database info displayed on the page</div>
<div id="Editor" value="456">Some more data info displayed on the page</div>
<div id="Editor" value="789">Even more info displayed from the database</div>

データベースからすべてのデータを編集しました。これらのdivは、データベースから返されたレコードの数に基づいて作成されます。「値」を別のページに渡し、IDを使用してアイテムをクリックします。これが私のジレンマをもう少し明確に説明することを願っています。

4

1 に答える 1

0

idはuniqである必要があります!DIVでvalue属性を使用することは、標準ではありません。

<div id="Editor">
    <div class="field" id="123">Some database info displayed on the page</div>
    <div class="field" id="456">Some more data info displayed on the page</div>
    <div class="field" id="789">Even more info displayed from the database</div>
</div>



 $('#Editor').click(function (e) {
        var id = $(e.target).attr('id');
        alert('You Clicked Edit Job '+id+'..!!');
    });

http://api.jquery.com/category/events/event-object/

デモ: http: //jsfiddle.net/mnsJT/2/

于 2013-01-20T20:05:23.487 に答える