删除第二个表中的所有记录后,如何删除带有日期值的tr?

时间:2016-04-13 15:05:37

标签: javascript jquery html

我有一个看起来像这样的表:

Date    
04/22/2016  
04/15/2016

点击上面的日期后,我创建了第二张桌子。看起来像这样:

Date: 04/22/2016
Time Slots  
7:30 AM - 7:50 AM   delete
7:50 AM - 8:10 AM   delete
8:10 AM - 8:30 AM   delete

所以我的逻辑删除了我的第二个表中的时隙,也是在第二个表中删除了最后一个元素之后我用JQuery隐藏了那个表,但我还缺少了一个东西。删除第二个表中的最后一个元素后,我想从第一个表中删除日期。我怎么能这样做?我没有我使用的唯一ID,只有我可以使用的是日期值。我尝试过类似的东西但是没有用:

第一个表格HTML:

// I passed value from my query to my tr id
<tr id="~(PTC_DATE)">
   <td onClick="getSlots('~(PTC_DATE)')"><a href="#">~(PTC_DATE)</a></td>      
</tr>

JQuery隐藏tr:

$j('#'+ptcDate).hide()

此代码对我不起作用。错误显示:Error: Syntax error, unrecognized expression: #04/22/2016我不确定我是否可以将日期值用作ID或我的代码中的其他错误。

2 个答案:

答案 0 :(得分:1)

拥有/ in ID属性不适用于JQuery或本机JavaScript。

将tr标签的ID更改为不包含/的内容。 如果您尝试不在属性值中使用特殊字符会更好。

答案 1 :(得分:1)

您可以多次使用attr * selector来定位元素:

var str=ptcDate.split('/');
$j('tr[id*='+str[0]+'][id*='+str[1]+'][id*='+str[2]+']').hide();