0

好的,我正在尝试查找某些用户的文本字符串,例如 TheGamer、runawayhorses 等。当代码在 td> 中找到这些文本字符串时,它会添加类来更改它的背景颜色......它给了我很多问题。

$(window).ready(function () {
$('.post > span > a:contains("TheGamer,runawayhorses")').next('tr').parent('tr').addClass      ('manager');
});

生成的 HTML=

<tbody>
<tr align="right">
<tr>
<tr class="post">
<td class="row1" width="150" valign="top">
<span class="name">
<strong>
<a href="/u1">
<span style="color:#09B300">
<strong>TheGamer</strong>
</span>
</a>
</strong>
</span>
<br>
<span class="gensmall toggle" style="cursor:pointer;">View More</span>
<div id="hidden" class="hidden" style="padding: 1px; width: 150px; height: 50px; background: none repeat scroll 0% 0% rgb(196, 196, 196); border: 3px solid rgb(0, 0, 0); position: absolute; z-index: 999; display: none;">
<span class="postdetails poster-profile"></span>
<br>
<span>Admin</span>
<br>
<span>
<span style="white-space:nowrap;">
<img title="" alt="" src="http://i45.servimg.com/u/f45/17/65/32/03/title113.gif">
<span style="white-space:nowrap;">
10
<br>
<span style="white-space:nowrap;">
20
 <br>
 <span style="white-space:nowrap;">
  2012-07-10
<br>
<span style="white-space:nowrap;">
23
 <br>
 <span style="white-space:nowrap;">
New York
 <br>
 <br>
 <img style="width:150px;height:1px" alt="" src="http://illiweb.com/fa/empty.gif">
 </td>
 <td class="row1" width="100%" valign="top" height="28" colspan="2">
 </tr>
 <tr>
 <tr class="post">
 <td class="row2" width="150" valign="top">
 <span class="name">
 <strong>
 <a href="/u3">
 <span style="color:#09B300">
  <strong>NOT USERS</strong>
 </span>
 </a>
 </strong>
 </span>
 <br>
  <span class="gensmall toggle" style="cursor:pointer;">View More</span>

生成的 HMTL 显示的是,带有 post 类的 tr 应该将背景颜色更改为我想要的颜色。.row1 和 .row2 已经有背景颜色,所以我相信我的 CSS 在颜色之后必须有一个 !important ......

请提供任何建议或示例。我不想更改该字段中的所有 tr,只更改带有我提供的文本字符串的那些。我不能只进入生成的 HTML 的原因是因为这是一个论坛板,下面的信息由 php 占位符解析。这就是我需要 jQuery 的原因

4

0 回答 0