2

我不知道这是否可能，但下面我有一个简单的 html 表：

<table id="plus" align="center">
  <tr>
    <th>
    </th>
  </tr>
</table>

如果if语句匹配，那么是否可以将图像附加到<th>上面的标签内？如果语句不匹配，那么我可以在<th>标签内附加图像链接吗？

下面是if语句，它实际上是 jQuery，其中包含一些 php 来尝试查找“textQuestion”：

if (qnum == <?php echo (int)$_SESSION['textQuestion']; ?>) {
  <img src="Images/plussigndisabled.jpg" width="30" height="30" alt="Look Up Previous Question" class="plusimage" name="plusbuttonrow"/>
} else {
  <a onclick="return plusbutton();">
  <img src="Images/plussign.jpg" width="30" height="30" alt="Look Up Previous Question" class="plusimage" name="plusbuttonrow"/>
  </a>
}
4

4 回答 4

3

既然你说你正在使用 jQuery，你可以这样做

....
    var enabledImage = "plussign.jpg";
    var disabledImage = "plussigndisabled.jpg";
    var selectedImage;
    var imageHtml;

    if(...) {
        selectedImage = enabledImage;
    } else {
        selectedImage = disabledImage;
    }  

    imageHtml = getImageHtml(selectedImage);
    $('#ElementID').append($(imageHtml));
....

function getImageHtml(imageFileName) {
    return '<img src="Images/' + imageFileName + '" width="30" height="30" alt="Look Up Previous Question" class="plusimage" name="plusbuttonrow"/>';
}
于 2012-05-26T23:07:22.773 回答
0

将唯一 ID 应用到 TH，如下所示：

<table id="plus" align="center">
  <tr>
    <th id="foo">
    </th>
  </tr>
</table>

然后只需使用内部 HTML 属性。

var bar=document.getElementByID('foo');
bar.innerHtml="<img />";

（这假设 javascript 是响应用户输入运行的，即在页面完成加载之后）

于 2012-05-26T23:02:32.787 回答
0

无论哪种方式，您都将附加某些内容，因此请确定您要附加的内容if-statement，然后附加它。无论哪种方式，它都在同一个地方。

$("#plus th").html(function(){
    return ( qnum === 5 )
        ? "<img />"
        : "<a><img /></a>" ;
});

此时，追加data.

于 2012-05-26T23:02:56.517 回答
0

工作演示 http://jsfiddle.net/26Jaf/

好的 API：http ://api.jquery.com/append/

代码

var qnum = 1;  
var append_data = "";
if (qnum == 1) { // i.e. if condition satisfy.

   append_data = '<img src="http://images.wikia.com/maditsmadfunny/images/5/54/Hulk-from-the-movie.jpg" width="30" height="30" alt="Look Up Previous Question" class="plusimage" name="plusbuttonrow"/>';


} else {
   //do something else

alert('d');
}
$("#plus tr th").append(append_data);
​
于 2012-05-26T23:10:05.670 回答