JQuery How to get JSON value by key name

Question

I want to translate from JSON file by html attribute

get JSON value like translate attribute and "ed" key

JSON FILE

{
"open" : [
    {
        "en": "Open",
        "ed": "Opened"
    }
],

"close" : [
    {
        "en": "Close",
        "ed": "Closed"
    }
]

}

HTML

<p translate="open"></p>

JQuery

var word = $("p");
var wordA = $("p").attr("translate"); // open

$.getJSON('language.json', function(data) {
        
    $.each(data, function(key, val) {

        if (key === wordA) {
           word.html(val.ed);
           // result opened
         }

    });

});

Since `val` is an array, you'll need to get the first item. `val[0].ed` — evolutionxbox, Jul 19 '22 at 09:02
Does this answer your question? [Dot and Square Bracket Notation](https://stackoverflow.com/questions/44417664/dot-and-square-bracket-notation) — evolutionxbox, Jul 19 '22 at 09:02

score 0 · Accepted Answer · answered Jul 19 '22 at 09:09

0

ok I found an answer

var word = $("p");
var wordA = $("p").attr("translate"); // open

$.getJSON('language.json', function(data) {
    
   $.each(data[wordA], function(key, val) {

       word.html(val.ed);

   });
});

answered Jul 19 '22 at 09:09

TEN_KUNG

1,229
2
5
12

JQuery How to get JSON value by key name

1 Answers1