Jquery追加html,而不是变量名

时间:2014-02-13 00:01:14

标签: javascript jquery

我需要附加vidyourl3,但我的脚本只会添加vidyourl3名称。我在哪里做错了?

var vidyourl3 = '<iframe id="vide3" width="255" height="195" 
src="http://www.youtube.com/embed/Nficz8WZwrk?wmode=opaque" frameborder="0" 
allowfullscreen></iframe>';

kacki = 3;

$("#vidgelcekburaya").html("vidyourl"+kacki);

3 个答案:

答案 0 :(得分:1)

你在你的html中放了一个文字字符串。从你的vidyourl中取出引号,它会起作用:

$("#vidgelcekburaya").html(vidyourl3 + kacki);

另一个很难确定你要做的事情的问题是;你的第一个变量叫做vidyourl3,然后你在你的html替换中放入vidyourl。应该是哪一个?

答案 1 :(得分:1)

如果您有多个网址,则创建一个对象来保存这些引用,如下所示

var urls = {
    vidyourl3: '<iframe id="vide3" width="255" height="195" 
src="http://www.youtube.com/embed/Nficz8WZwrk?wmode=opaque" frameborder="0" 
allowfullscreen></iframe>'
}

然后使用对象键和括号表示法来访问值

kacki = 3;
$("#vidgelcekburaya").html(urls["vidyourl"+kacki]);

答案 2 :(得分:0)

尝试:

window.vidyourl3 = '<iframe id="vide3" width="255" height="195" 
src="http://www.youtube.com/embed/Nficz8WZwrk?wmode=opaque" frameborder="0" 
allowfullscreen></iframe>';

kacki = 3;

$("#vidgelcekburaya").html(window["vidyourl"+kacki]);

如果您的变量需要在本地范围内,请尝试

var vidyourl3 = '<iframe id="vide3" width="255" height="195" 
src="http://www.youtube.com/embed/Nficz8WZwrk?wmode=opaque" frameborder="0" 
allowfullscreen></iframe>';

kacki = 3;

$("#vidgelcekburaya").html(eval("vidyourl"+kacki));

我不会使用此方法,因为eval可能有点可怕。