0

ドキュメント全体をjavascriptからjqueryに変換しようとしていました。それで私はレンガの壁にぶつかりました。

したがって、私のスクリプトには配列があります。

var phones = new Array();
phones[0] = 'http://www.cellunlocker.net/blog/wp-content/uploads/2011/11/iphone-4.jpg" title="ipod" alt="ipod image';
phones[1] = 'http://upload.wikimedia.org/wikipedia/commons/thumb/1/17/Blackberry-Bold-9650-Verizon.jpg/365px-Blackberry-Bold-9650-Verizon.jpg';
phones.push('http://www.wired.com/images_blogs/gadgetlab/2010/03/samsung-galaxys-536x536.jpg');
phones.push('http://handies.phandroid.com/media/motorola-spice-1286473916-630.jpg');
phones.push('http://www.pitchpoleenterprises.com/shop/ImageUnavailable.jpg');

そして、私にも私の機能があります：

function checkCase(){

    var phone = $('#cel')[0]; //document.getElementById('cel');
    var phone_div = $('#phone_display')[0]; //document.getElementById('phone_display');

レンガの壁が続きます。この特定のコードを変換したいと思います（現在、javascriptとしてコメントされています）。私はいくつかのことを試しました（最後のものだけがそこに表示されています）。基本的にはブラックベリーの写真を表示させようとしています。現在、画像自体は表示されません（他の画像はすべてjavascriptであるため、正常に機能します）が、変更しようとしています。ブラックベリーの画像から始めることにしました。

基本的に、変数自体をjqueryとして変更する方法はわかりません。それは変数であり、IDではないので、私は何をすべきか完全に迷っています。

case 'bb':
        /*phone_div.innerHTML*/ /*$('phone_div').html()*/ $('phone_div')[0].innerHTML = '<img src="'+phones[1]+'" title="blackberry" alt="blackberry image" />';
4

3 に答える 3

0

は DOM 要素であるためphone_div、jQuery ラッパーを取得したい場合は、次のようにします。

$(phone_div).html('<img src="'+phones[1]+'" title="blackberry" alt="blackberry image" />');

またhtml()、示されているようにメソッドを使用する必要があります。そうしないと、なぜ jQuery を使用するのかまったくわかりません。同じように簡単に実行できます。

phone_div.innerHTML = '<img src="'+phones[1]+'" title="blackberry" alt="blackberry image" />';

なぜあなたがこれをしているのか本当にわかりません：

var phone_div = $('#phone_display')[0];

これは jQuery とはまったく異なります。このコード行を完全に削除して、次のようにその要素に html を設定するだけで済みます。

$('#phone_display').html('<img src="'+phones[1]+'" title="blackberry" alt="blackberry image" />');

これは、これに対する最も「jQuery に似た」アプローチです。

于 2013-02-12T18:28:07.683 に答える
0

これをリンクして、div内に新しいimgを作成することをお勧めします

$('#phone_div').append('<img id="bb" src="'+phones[1]+'" />');
于 2013-02-12T18:28:42.590 に答える
0

次のように使用しているようです。

// id selector (returns an array), you grep the first one
var phone_div = $('#phone_display')[0];
// not necessary, keep it to jQuery:
var phone_div = $('#phone_display');

// now this won't work at all, you use a string, 
// which would be interpreted as an DOM Element selector.
$('phone_div')[0]

// i guess you want it like this:
var phone_div = $('#phone_display');
phone_div.html(<img src="'+phones[1]+'" title="blackberry" alt="blackberry image" />);
于 2013-02-12T18:31:34.350 に答える