Jquery ui 隐藏跨行
这里…我添加的用于过滤锚点链接的代码不起作用。。我想知道如何隐藏跨越的行Jquery ui 隐藏跨行,jquery-ui,jquery-selectors,Jquery Ui,Jquery Selectors,这里…我添加的用于过滤锚点链接的代码不起作用。。我想知道如何隐藏跨越的行 <script type="text/javascript"> $(document).ready(function () { //Add click event for Hide anchor //This code not working.... why?.. $("table tr td a").filter(func
<script type="text/javascript">
$(document).ready(function () {
//Add click event for Hide anchor
//This code not working.... why?..
$("table tr td a").filter(function () { return $(this).text() == "Hide"; }).click(function (e) { RowHide(this); return false; })
//working..but want to have filter.. $("table tr td a").click(function (e) { RowHide(this); return false; })
});
function RowHide(obj) {
var index = $(obj).closest("tr").index();
//How to hide the spanned row..i.e on clicking R4R5R6C1 Hide link...should hide R4,R5 & R6
$("table").find("tr:eq(" + index + ") td").each(function () { $(this).hide() });
}
</script>
$(文档).ready(函数(){
//添加隐藏锚点的单击事件
//此代码不起作用…为什么?。。
$(“table tr td a”).filter(函数(){return$(this).text()=“Hide”})。单击(函数(e){RowHide(this);return false;})
//正在工作..但希望有筛选器..$(“表tr td a”)。单击(函数(e){RowHide(this);返回false;})
});
函数行隐藏(obj){
风险值指数=$(obj).tr.index();
//如何隐藏跨行..即单击R4R5R6C1隐藏链接..应隐藏R4、R5和R6
$(“table”).find(“tr:eq(“+index+”)td”).each(函数(){$(this.hide()});
}
在此表中,..Hide对所有行都有效..除了跨行..它只隐藏一行
<table style="width:20%;border:1;border-style:solid">
<tr>
<td>
Header 1
<td> Header 2</td>
<td>
Header 3</td>
</tr>
<tr>
<td>
R1C1</td>
<td>
R1C2</td>
<td>
R1C3</td>
</tr>
<tr>
<td>
R2C1<br />
<a href="#"> Hide </a>
</td>
<td>
R2C2</td>
<td>
R2C3</td>
</tr>
<tr>
<td>
R3C1
<br />
<a href="#"> Hide </a>
</td>
<td>
R3C2</td>
<td>
R3C3</td>
</tr>
<tr>
<td rowspan="3">
R4R5R6C1
<br />
<a href="#"> Hide </a>
</td>
<td>
R4C2</td>
<td>
R4C3</td>
</tr>
<tr>
<td>
R5C2</td>
<td>
R5C3</td>
</tr>
<tr>
<td>
R6C2</td>
<td>
R6C3</td>
</tr>
</table>
标题1
标题2
标题3
R1C1
R1C2
R1C3
R2C1
R2C2
R2C3
R3C1
R3C2
R3C3
R4R5R6C1
R4C2
R4C3
R5C2
R5C3
R6C2
R6C3
[edit]我最初误解了这个问题
现在试试这个,我想这就是你想要的[edit]我最初误解了这个问题 现在试试,我想这就是你想要的