Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.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
Jquery 单击特定行时如何选择表中的特定行_Jquery_Ajax - Fatal编程技术网

Jquery 单击特定行时如何选择表中的特定行

Jquery 单击特定行时如何选择表中的特定行,jquery,ajax,Jquery,Ajax,我有文本框、日期选择器和添加按钮。当我点击“添加”按钮时,文本框和日期选择器中输入的数据应该填充到我已经完成的表格中 假设我在每一行的末尾填充了三行save和delete锚点,当我单击save时,该特定行应该保存,以了解正在打印的特定行的值,并显示空白 Html: 对于动态附加的元素,请使用()上的 保存详细信息 <a href="#" class="save">Save</a> $('body').on('click', '.save',function(){

我有文本框、日期选择器和添加按钮。当我点击“添加”按钮时,文本框和日期选择器中输入的数据应该填充到我已经完成的表格中

假设我在每一行的末尾填充了三行save和delete锚点,当我单击save时,该特定行应该保存,以了解正在打印的特定行的值,并显示空白

Html:

对于动态附加的元素,请使用()上的

保存详细信息

<a href="#" class="save">Save</a>

$('body').on('click', '.save',function(){
   //Do your coding here          
});
表格tbody tr:悬停{
背景颜色:橙色;
光标:指针;
}

类别:
主题:
最高分数:
最高分数:
开始日期:
结束日期:
点击我!




班 主题 马克斯 闵马克 开始日期 结束日期 行动
为delete或save锚定标记指定一个类,然后将其上的单击事件设置为
$(document)。在('click','delete',function(){
上,使用
$(this)查找其最接近的父级
tr
,并使用
remove()
函数将其删除

$(document).on('click', '.delete', function(){
      console.log('here');
    $(this).closest('tr').remove();

}) 
同样,您也可以对save函数执行相同的操作,在该函数中,您可以找到相关的tr,然后对其进行操作


Delete工作正常..如何使用ajax获取特定行以保存特定行在追加时为所有输入提供名称属性,然后使用
serialize
serializeArray()
获取值,然后使用Ajax进行相同操作。使用id我们可以获得正确的结果,但我不知道如何做到这一点。为什么要使用
id
,需要指定所有输入的名称,然后通过
序列化来获取。请看我用示例更新了答案,以显示我在说什么。如果有任何问题,请告诉我?哪一个部分是您在选择行、删除行、进行ajax调用等方面遇到问题吗?全部3个?
     $(document).on('click', '.save', function(e){
    var inputs = "";
  $(this).closest('tr').find('input[type="text"]').each(function(){
    if(!$(this).hasClass('omit')){
     inputs += $(this).text() + " , "; 
    }
  });
  alert(inputs);
});
<a href="#" class="save">Save</a>

$('body').on('click', '.save',function(){
   //Do your coding here          
});
<a href="#" class="delete">delete</a>

$('body').on('click', '.delete',function(){
   //Do your coding here      
   $(this).closest('tr').remove(); //Remove clicked TR    
});
$(document).on('click', '.delete', function(){
      console.log('here');
    $(this).closest('tr').remove();

})