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 
    } 
});