如何在jQuery中搜索JSON

时间:2013-10-07 09:46:45

标签: javascript jquery json

你好我有3个DIV,包含1,2,3

<div>1</div>
<div>2</div> 
<div>3</div>

并拥有此JSON

[{
    "FactoreId:1": "FactoreItems:a, b, c, d, e"
}, {
    "FactoreId:2": "FactoreItems:g,f"
}, {
    "FactoreId:3": "FactoreItems:i, k, h"
}]

当我将鼠标悬停在DIV上时,我想要检查它们的值。

如果DIV包含1显示"FactoreId:1": "FactoreItems:a, b, c, d, e"的FactoreItems,如果它包含2,则显示"FactoreId:2": "FactoreItems:g,f"的FactoreItems等等......

1 个答案:

答案 0 :(得分:1)

您发布的JSON不正确,修正了它“FactoreId”:num,“FactoreItems”:“string”

<强> HTML

<div>1</div>
<div>2</div>
<div>3</div>

<强>的jQuery

 //Fixed JSON
 var factore = [{
       "FactoreId": 1, 
       "FactoreItems": "a, b, c, d, e"
   }, {
       "FactoreId": 2,
       "FactoreItems": "g,f"
   }, {
       "FactoreId": 3,
       "FactoreItems": "i, k, h"
   }]
    $('div').on('mouseover', function () {
        $(this).text("FactoreID : "+factore[$(this).text() -1].FactoreId +"FactoreItems"+ factore[$(this).text()-1].FactoreItems);
   });

DEMO

<强>解释

factore :是带有json

的数组

$(this).text() -1返回divs number和-1,因为数组从0开始

factore[$(this).text() - 1] 
// if you mouseover div with text one the result will be factore[0]
// then use .FactoreId to get id value