2

可能かどうかはわかりませんが、以下に単純な html テーブルがあります。

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

ifステートメントが一致する場合、<th>上記のタグ内に画像を追加することは可能ですか? ステートメントが一致しない場合は、代わりに<th>タグ内に画像リンクを追加できますか?

以下はifステートメントです。実際には、「textQuestion」を見つけようとするための PHP が少し含まれている jQuery です。

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 に答える