jQuery的 - 显示变量，而不是文本字符串

Question

我有一个变量被设置为一个<div />

的.html();变量是另一个变量的名称。我希望它显示其他变量的内容，但它只是显示其他变量的名称。

我该如何强制它显示变量内容而不是文本字符串？

var clothing = 'dogeshop cryptoshop doge_clothing fyrstikken the_molly_machine peace_and_love moolah_market shibe_swag undieguys urban_graff kravshop got_doge mean_elephant the_dogedoor_store'; 


setInterval(function() { 
    var term = $("input").val(); 
    $("#results").html(term); 
}, 100); 

当用户键入“服装”到$("input");的“服装”变量的内容应在$("#results");<div />被显示。相反，它只是说'衣服'。

Answer 1

另一种方法是使用对象的属性，这样

var obj = {}; 
obj.clothing = 'dogeshop cryptoshop doge_clothing fyrstikken the_molly_machine peace_and_love moolah_market shibe_swag undieguys urban_graff kravshop got_doge mean_elephant the_dogedoor_store'; 


setInterval(function() { 
    var term = $("input").val(); 
    $("#results").html(obj[term]); 
}, 100); 

这里的小提琴：http://jsfiddle.net/ZL7EQ/

Answer 2

我在使用jQuery时自己犯这个错误。

尝试，而不是：

$("#results").text(term); 

不知道你有时间间隔。您可以使用更改事件更改#results。

Answer 3

http://jsfiddle.net/z29AR/

var clothing = 'dogeshop cryptoshop doge_clothing fyrstikken the_molly_machine peace_and_love moolah_market shibe_swag undieguys urban_graff kravshop got_doge mean_elephant the_dogedoor_store'; 

$('input:text').on('input', function() { 
    var term = $("input").val(); 
    if (term == 'clothing'){ 
     $("#results").html(clothing); 
    } 
}); 

Answer 4

我知道如何解决这个问题是使用eval的唯一方法：

$("#results").html(eval(term)) 

但你真的shouldn't want to do that。 :)

Answer 5

使用字典。

// store strings in an object so you can look them up by key 
var dict = { 
    clothing: 'dogeshop ...', 
    anotherKey: '...' 
}; 

// update the result when the input changes 
$('input').on('change', function() { 
    var result = dict[this.value]; // make sure the key exists 

    if (result) { 
     $('#results').val(result); // update the results 
    } 
});