嗯, 把代码简化如下了。
原意是点击右边表格的行(有3行),高亮左边的td的title里含有被点击行中间那个td内容的td (有点绕,不知道能看明白不 :))
现在只要点击右边表格任意行,正常工作的话A1会被高亮的。但为何不工作?
<!DOCTYPE html>
<html>
<head>
</head>
<script src="jquery.min.js"> </script>
<script>
$(document).ready(function(){
$('.funcBlkTbl tr').click(function(){
$('.pName1 td').filter(function(){
var t = $(this).attr("title");
return t.substring(t.lastIndexOf("Key String = ")).indexOf("Test")>=0; //Issue here: Why does not work?
//return true; //If use this line instead, every cell in .pName table would change background color.
})
.css("background-color","#FF0");
});
$('.funcBlkTbl tr:even').css('background-color','#ddd');
$('.funcBlkTbl tr:odd').css('background-color','#6FF');
//// Below for test only, using tr(2)td(2)
var tt = $('.pName1 tr:nth-child(2) td:nth-child(2)').attr("title");
tt = tt.substring(tt.lastIndexOf("Key String = "));
$('#test1').text(tt);
ss = tt.substring(tt.lastIndexOf("Key String = ")).indexOf("Test");
$('#test2').text(ss);
});
</script>
<body>
<table>
<tr>
<td style="vertical-align:top">
<table class="pName1" border=1>
<tr height=15>
<td width=15></td>
<td width=15><font face=Verdana size=1>A</font></td>
<td width=15><font face=Verdana size=1>B</font></td>
<td width=15><font face=Verdana size=1>C</font></td>
<td width=15><font face=Verdana size=1>D</font></td>
<td width=15><font face=Verdana size=1>E</font></td>
</tr>
<tr height=15>
<td width=15>
<font face=Verdana size=1>
1
</font>
</td>
<td style="background-color:green" title="Key String = Test me"></td>
<td></td>
<td style="background-color:green" title="Name # = C1
Item Name = DAISY_CHAIN_NCTF_C1
Net List = DC_TEST_B2_C1
Key String = Test Name1"></td>
<td style="background-color:green" title="Name # = D1
Item Name = RSVD
Net List = TD_CATHODE
Key String = TD"></td>
<td></td>
</tr>
<tr height=15 width=15>
<td>
<font face=Verdana size=1>
1
</font>
</td>
<td></td>
<td></td>
<td style="background-color:green" title="Name # = E1
Item Name = RSVD
Net List = TD_ANODE
Key String = TD"></td>
<td></td>
<td style="background-color:green" title="Name # = F1
Item Name = I2C1_SCL / GPIO7
Net List = GP7_I2C1_SCL
Key String = Test Name2"></td>
</tr>
</table>
</td>
<td style="vertical-align:top">
<div class="funcBlkDiv" style="vertical-align:top">
<table class="funcBlkTbl" bord=1 cellspacing=0 cellpadding=8px>
<tbody>
<tr>
<td><font face=Verdana size=1>1</font></td>
<td><font face=Verdana size=1>Test Name1</font></td>
<td><font face=Verdana size=1 align=center>9</font></td>
</tr>
<tr>
<td><font face=Verdana size=1>2</font></td>
<td><font face=Verdana size=1>TD</font></td>
<td><font face=Verdana size=1 align=center>1</font></td>
</tr>
<tr>
<td><font face=Verdana size=1>3</font></td>
<td><font face=Verdana size=1>Test Name2</font></td>
<td><font face=Verdana size=1 align=center>1</font></td>
</tr>
</tbody>
</table>
</table>
</div>
</td></tr>
</table>
<br />
<br />
<br />
Below is result for test, using "A1" cell:
<div id=test1></div>
<div id=test2></div>
</body>
</html>
【 在 ottffsse 的大作中提到: 】
: 你得把html也给出来才好判断
:
--
FROM 114.165.107.*