Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/haskell/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery获取父id的值_Javascript_Jquery - Fatal编程技术网

Javascript 如何使用jquery获取父id的值

Javascript 如何使用jquery获取父id的值,javascript,jquery,Javascript,Jquery,HTML 不 数据1 数据2 剩余使用量 javascript $(函数(){ $('.editable').editable({onSubmit:Update}); 函数更新(){ var id=$(this.parent('td').attr('id'); var title=$(this.text(); $.ajax({ 键入:“post”, url:'update.php', 数据:'title='+title+'&id='+id, 成功:功能(响应){ $('#response'

HTML


不
数据1
数据2
剩余使用量
javascript


$(函数(){
$('.editable').editable({onSubmit:Update});
函数更新(){
var id=$(this.parent('td').attr('id');
var title=$(this.text();
$.ajax({
键入:“post”,
url:'update.php',
数据:'title='+title+'&id='+id,
成功:功能(响应){
$('#response').fadeIn('1000').empty().append(response);
}
});
}
});
我想得到可编辑类id的值,这是一个内联编辑插件,我正在使用我能够收集数据1和数据2的值,但对于id,我没有定义

我的代码有什么问题


谢谢。

不应该是
$(这个).attr('id')


您正在将事件附加到td。因此,事件处理程序中的
这个
指的是td本身。

非常感谢,通过复制和粘贴,我甚至没有注意到它。
<tr>
    <td>No.</td>
    <td id="2" class="editable">data1</td>
    <td id="2" class="editable">data2</td>
    <td>Usage Left</td>
</tr>
<!-- Multiple rows with different ids -->
<script type="text/javascript">
    $(function () {
        $('.editable').editable({ onSubmit: Update });

        function Update() {
            var id = $(this).parent('td').attr('id');
            var title = $(this).text();
            $.ajax({
                type: 'post',
                url: 'update.php',
                data: 'title=' + title + '&id=' + id,

                success: function (response) {
                    $('#response').fadeIn('1000').empty().append(response);
                }
            });
        }
    });
</script>