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