点击当前的a标签对应的删除,删除对应的tr内容
qq_慕妹5056700
2016-08-20 17:28
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="mytable">
<tr class="shopping_product_list" id="shoppingProduct_01">
<td class="shopping_product_list_1"><a href="#" class="blue">私募（首部披露资本博弈秘密的金融...</a></td>
<td class="shopping_product_list_2">189</td>
<td class="shopping_product_list_3">￥<label>32.00</label></td>
<td class="shopping_product_list_4">￥<label>18.90</label> (59折)</td>
<td class="shopping_product_list_5"><input type="text" value="1" onBlur="productCount()"/></td>
<td class="shopping_product_list_6"><a href="javascript:deleteObj('shoppingProduct_01')" class="blue">删除</a></td>
</tr>
<tr class="shopping_product_list" id="shoppingProduct_02">
<td class="shopping_product_list_1"><a href="#" class="blue"> 小团圆（张爱玲最神秘小说遗稿）</a></td>
<td class="shopping_product_list_2">173</td>
<td class="shopping_product_list_3">￥<label>28.00</label></td>
<td class="shopping_product_list_4">￥<label>17.30</label> (62折)</td>
<td class="shopping_product_list_5"><input type="text" value="1" onBlur="productCount()"/></td>
<td class="shopping_product_list_6"><a href="javascript:deleteObj('shoppingProduct_02')" class="blue">删除</a></td>
</tr>
<tr class="shopping_product_list" id="shoppingProduct_03">
<td class="shopping_product_list_1"><a href="#" class="blue">不抱怨的世界(畅销全球80国的世界...</a></td>
<td class="shopping_product_list_2">154</td>
<td class="shopping_product_list_3">￥<label>24.80</label></td>
<td class="shopping_product_list_4">￥<label>15.40 </label>(62折)</td>
<td class="shopping_product_list_5"><input type="text" value="2"></td>
<td class="shopping_product_list_6"><a href="javascript:deleteObj('shoppingProduct_03')" class="blue">删除</a></td>
</tr>
<tr class="shopping_product_list" id="shoppingProduct_04">
<td class="shopping_product_list_1"><a href="#" class="blue">福玛特双桶洗衣机XPB20-07S</a></td>
<td class="shopping_product_list_2">358</td>
<td class="shopping_product_list_3">￥<label>458.00</label></td>
<td class="shopping_product_list_4">￥<label>358.00</label> (78折)</td>
<td class="shopping_product_list_5"><input type="text" value="1" onBlur="productCount()"/></td>
<td class="shopping_product_list_6"><a href="javascript:deleteObj('shoppingProduct_04')" class="blue">删除</a></td>
</tr>
<tr class="shopping_product_list" id="shoppingProduct_05">
<td class="shopping_product_list_1"><a href="#" class="blue">PHP和MySQL Web开发 （原书第4版）</a></td>
<td class="shopping_product_list_2">712</td>
<td class="shopping_product_list_3">￥<label>95.00</label></td>
<td class="shopping_product_list_4">￥<label>71.20</label> (75折)</td>
<td class="shopping_product_list_5"><input type="text" value="1" onBlur="productCount()"/></td>
<td class="shopping_product_list_6"><a href="javascript:deleteObj('shoppingProduct_05')" class="blue">删除</a></td>
</tr>
<tr class="shopping_product_list" id="shoppingProduct_06">
<td class="shopping_product_list_1"><a href="#" class="blue">法布尔昆虫记（再买￥68.30即可参加“满199元减10元现金”活动）</a></td>
<td class="shopping_product_list_2">10</td>
<td class="shopping_product_list_3">￥<label>198.00</label></td>
<td class="shopping_product_list_4">￥<label>130.70</label> (66折)</td>
<td class="shopping_product_list_5"><input type="text" value="1" onBlur="productCount()"/></td>
<td class="shopping_product_list_6"><a href="javascript:deleteObj('shoppingProduct_06')" class="blue">删除</a></td>
</tr>
</table>
2回答
-
- qq_慕妹5056700
- 2016-08-21 21:56:21
function $(id){
return document.getElementById(id);
}
function deleteObj(id){
var lis=document.getElementsByClassName("shopping_product_list");
for(var i=1;i<=lis.length;i++){
var a=i.toString();
id="shoppingProduct_0"+a;
$(id).parentNode.removeChilds($(id));//这儿的$(id)报错
}
}
写了个方法 但是会$()is not a function报错
-
- Whitney_S
- 2016-08-21 21:21:11
href="javascript:deleteObj('shoppingProduct_01')"
传入的参数都是tr的id，但是没有看到函数的具体实现
JavaScript进阶篇
468194 学习 · 21891 问题
相似问题