jquery在重复区域中单击事件

时间:2013-01-20 19:50:13

标签: javascript jquery-plugins

我试图通过将一些旧的javascript代码转换为jQuery语法来使用jQuery来教育mysely但是我找到了一个绊脚石,我对这种语言不是很有经验所以请对我很轻松.....洛尔。

我正在尝试将其转换为jQuery:

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

id由javascript onClick事件传递,然后将其添加到隐藏字段并随表单一起提交。我遇到的问题是,当我将jQuery绑定到被点击的div的click事件时,我只得到重复区域中的第一个项目才能工作,其余的什么都不做,我已经包含了我到目前为止收集的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用于获取项目点击。希望这能更清楚地解释我的困境。

1 个答案:

答案 0 :(得分:0)

id应该是uniq!并且在DIV中使用值属性它不是标准..

<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/