Javascript 在另一个表格行中隐藏和显示表格
我有一个动态生成的表: 表格。ejsJavascript 在另一个表格行中隐藏和显示表格,javascript,jquery,html,css,ejs,Javascript,Jquery,Html,Css,Ejs,我有一个动态生成的表: 表格。ejs <table> <% for(var d=0;d<docs.length;d++) { %> <tr> <td> <img src="http://www.bls.gov/images/icons/icon_small_plus.gif" class="image1" id="image1
<table>
<% for(var d=0;d<docs.length;d++)
{ %>
<tr>
<td>
<img src="http://www.bls.gov/images/icons/icon_small_plus.gif" class="image1"
id="image1" onclick=diffImage(this) />
</td>
<td>
<p><%= docs[d].name %></p></a>
</td>
<td>
<%= docs[d].url_Address %>
</td>
<td>
<%= docs[d].product_Name %></p></a>
</td>
</tr>
<div id= "sub" class="sub">
<tr class="sub" id="<%= docs[d]._id %>" >
<table style="width:100%;font-size: 14px;" align="right" bgcolor="#A0A0A3" >
<% for(var e=0;e<doc.length;e++)
{ %>
<tr>
<td>
<a href=<%= doc[e].url_Address %>><p><%= doc[e].product_Name %></p></a>
</td>
<td>
<p class = "tab"><%= doc[e].vendor_Name %></p>
</td>
</tr>
<% } %>
</table>
</tr>
</div>
<% } %>
</table>
试试这个:
<script>
function diffImage(img) {
if(img.src.match("http://olenka.med.virginia")){
img.src = "http://www.bls.gov/images/icons/icon_small_plus.gif";
$(".image1").click(function(){
$(this).closest('tr').next('.sub').hide();
});
}else{
$(".image1").click(function(){
$(this).closest('tr').next('.sub').show();
});
img.src = "http://olenka.med.virginia.edu/psi/images/icons/minus_icon.png";
}
}
</script>
函数diffImage(img){
如果(img.src.match(“http://olenka.med.virginia")){
img.src=”http://www.bls.gov/images/icons/icon_small_plus.gif";
$(“.image1”)。单击(函数(){
$(this).closest('tr').next('.sub').hide();
});
}否则{
$(“.image1”)。单击(函数(){
$(this).closest('tr').next('.sub').show();
});
img.src=”http://olenka.med.virginia.edu/psi/images/icons/minus_icon.png";
}
}
请尝试使用$(this).next('.sub').hide()代码>@Pekka可能需要.closest()$(this).closest('tr').next('.sub').hide()@穆罕默德YouSef谢谢你纠正我没有考虑其他TR你是正确的谢谢伙计们工作
<script>
function diffImage(img) {
if(img.src.match("http://olenka.med.virginia")){
img.src = "http://www.bls.gov/images/icons/icon_small_plus.gif";
$(".image1").click(function(){
$(this).closest('tr').next('.sub').hide();
});
}else{
$(".image1").click(function(){
$(this).closest('tr').next('.sub').show();
});
img.src = "http://olenka.med.virginia.edu/psi/images/icons/minus_icon.png";
}
}
</script>