jquery comparing json string with value

Question

I am working on a question and answer comparison example where i am trying to compare question string with json data. Questions and answers will be pulled as json data. Could you please help me guiding fix for comparison problem.

My code is here

<label for="What_is_planning">What is planning</label>
<br>
<label for="What_is_implementing">What is implementing</label>
<br>
<div class="result"></div>


$(document).ready(function () {
    $('label').mouseover(function () {
        var helpString = this.firstChild.nodeValue.replace(':', '').trim();

        var answerString = "<br>No Answer";
        $(".result").html(" <hr><b>Guest: </b>" + helpString);
        $(".result").append(" <div><b>AskGFS: </b>" + answerString);
        console.log(helpString);
    });

    var QandAData = '{"gfsdata":[{"question":"what is planning","answer":"This is a important part of life"},' +
        '{"question":"what is implementing","answer":"this is followed by planning"}]}';

    //Comparing answers
    for (var i = 0; i < QandAData.length; i++) {
        if (QandAData[i].gfsdata.question == 'what is planning') {
            answerString = QandAData[i].gfsdata.answer;
        }
    }
});

can you tell me what is the data in answer string your getting !!!! — saurabh kamble
– saurabh kamble, Commented Dec 6, 2013 at 7:06
FYI, there is no reason to use JSON here. You could just use an object literal and save the parsing step. — Felix Kling
– Felix Kling, Commented Dec 6, 2013 at 7:07

codingrose · Accepted Answer · 2013-12-06 07:19:56Z

Try:

$(document).ready(function () {
    $('label').mouseover(function () {
        var helpString = this.firstChild.nodeValue.replace(':', '').trim();
        var answerString = "<br>No Answer";
        var QandAData = {
            "gfsdata": [{
                "question": "What is planning",
                "answer": "This is a important part of life"
            }, {
                "question": "What is implementing",
                "answer": "This is followed by planning"
            }]
        };
        for (var i = 0; i < QandAData.gfsdata.length; i++) {
            if (QandAData.gfsdata[i].question == helpString) {
                answerString = QandAData.gfsdata[i].answer;
            }
        }
        $(".result").html(" <hr><b>Guest: </b>" + helpString+" <div><b>AskGFS: </b>" + answerString);
    });
});

Updated fiddle here.

Collectives™ on Stack Overflow

jquery comparing json string with value

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related