Javascript 提取变量'；什么是innerhtml？使用jquery

我试图将整个文档从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" />';

案例“bb”：
/*phone\u div.innerHTML*/*$（'phone\u div'）.html（）*/$（'phone\u div'）[0]。innerHTML=''；

由于

phone\u div

是一个DOM元素，如果您想在其周围获得一个jQuery包装器，只需如下操作：

$(phone_div).html('<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" />');

$（'phone#u display'）.html（“”）；

---

这是最“类似jQuery”的方法。

我建议做一些事情，将此链接起来，在div中创建一个新的img

$('#phone_div').append('<img id="bb" src="'+phones[1]+'" />');

$（'#phone_div'）。附加（''）；

您似乎可以通过以下方式使用它：

// 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" />);

//id选择器（返回一个数组），可以grep第一个
var phone_div=$（“#phone_display”）[0]；
//不需要，将其保存到jQuery：
变量phone_div=$（“#phone_display”）；
//这根本不起作用，你用一个字符串，
//这将被解释为DOM元素选择器。
$（'phone_div'）[0]
//我猜你想要这样：
变量phone_div=$（“#phone_display”）；
phone_div.html（）；

如果可能的话，你能发布与此相关的HTML和JSFIDLE吗？当然对我来说是可行的：。注意，您包含了两个版本的jQuery。我刚刚清理了你的东西；没有更改任何实际代码。谢谢！。这种方法对我来说是违反直觉的。附加它不意味着你会继续添加东西吗？是的，这是正确的。您正在div中添加元素。我想您应该使用早些时候发布的.html（“…”），非常感谢！编码工作得很好：）至于我希望所有东西都能进入jQUERY的原因，这是因为我正在修改我的工作，并试图完全消除javascript（尽管从技术上讲，jQUERY是javascript）。事实上，我正试图让javascript注释，而jquery将是我的重点。我想要两者都有，这样我就可以理解我在JS和JQ中都在做什么了。@Middle，在使用这种方法时要小心。有时候，基本javascript比jQuery更能解决问题。当一个人精通javascript时，你将能够识别这些情况。关于第一部分，我没有意识到这一点。非常感谢。我明白，一根绳子。明白了！这很有道理。至于最后一部分，你和其他人提到了这一点。它就像一个符咒。谢谢你们两个：D

// 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" />);