条件附加取决于图像类,我如何编码?

时间:2013-09-03 17:56:25

标签: jquery image class

我在这里有两个条件可以在更改功能的表格中重置图像,但是我希望那些具有一系列可屏蔽的图像可以使用不同的图像重新设置为browbandtable1。

这是表格,我有两个页面,其中有一个可以对其进行遮挡,而这个页面有一个可以使用browbandtable1的页面。我如何对它进行编码,以便在类匹配时只使用代码?

任何帮助都将受到赞赏thx

 <div id="black1">
    <table width="400" height="100" align="center" border="0" cellspacing="0" cellpadding="0">

      <tr>
    <th align="center" id="img1" scope="col"><img class="browbandtable1"src="images/none1.png" width='18' height='18'></th>
      <th align="center" id="img2" scope="col"><img class="browbandtable1"src="images/none1.png" width='18' height='18'></th>
      <th align="center" id="img3" scope="col" ><img class="browbandtable1"src="images/none1.png"width='18' height='18'></th>
      <th align="center" id="img4" scope="col" ><img class="browbandtable1"src="images/none1.png"width='18' height='18'></th>
      <th align="center" id="img5" scope="col"><img class="browbandtable1"src="images/none1.png" width='18' height='18'></th>
      <th align="center" id="img6"scope="col"><img class="browbandtable1"src="images/none1.png"  width='18' height='18'></th>
      <th align="center" id="img7"scope="col" ><img class="browbandtable1"src="images/none1.png" width='18' height='18'></th>
      <th align="center" id="img8"scope="col"><img class="browbandtable1"src="images/none1.png" width='18' height='18'></th>
      <th align="center" id="img9"scope="col"><img class="browbandtable1"src="images/none1.png" width='18' height='18'></th>
      <th align="center" id="img10"scope="col"><img class="browbandtable1"src="images/none1.png" width='18' height='18'></th>
      <th align="center" id="img11"scope="col"><img class="browbandtable1"src="images/none1.png" width='18' height='18'></th> 
      <th align="center" id="img12"scope="col"><img class="browbandtable1"src="images/none1.png" width='18' height='18'></th>
      <th align="center" id="img13"scope="col"><img class="browbandtable1"src="images/none1.png" width='18' height='18'></th>
      <th align="center" id="img14"scope="col"><img class="browbandtable1"src="images/none1.png" width='18' height='18'></th>
      <th align="center" id="img15"scope="col"><img class="browbandtable1"src="images/none1.png" width='18' height='18'></th>
               <th align="center" id="img16"scope="col"><img class="browbandtable1"src="images/none1.png" width='18' height='18'></th>
      <th align="center" id="img17"scope="col"><img class="browbandtable1"src="images/none1.png" width='18' height='18'></th>
      <th align="center" id="img18"scope="col"><img class="browbandtable1"src="images/none1.png" width='18' height='18'></th>        </tr>
</table></div>

// JQUERY CODE

$("[id^='img']").append('<img class="browbandtable" src="images/none.png" width="40" height="39">'); 
$("[id^='img']").append('<img class="browbandtable1" src="images/none1.png" width="18" height="18">');

1 个答案:

答案 0 :(得分:0)

您想使用.hasClass()方法。

if($("[id^='img']").hasClass("browbandtable1")){
    //Your Code here
}

编辑: 我一开始可能会误解,你可能想做的就是在你的选择器中挑选你的元素,所以

$("[id^='img'].browbandtable").append('<img class="browbandtable" src="images/none.png" width="40" height="39">'); 
$("[id^='img.browbandtable1']").append('<img class="browbandtable1" src="images/none1.png" width="18" height="18">');

这将只选择具有以图像开头的ID的元素,并且具有特定的类名。