How to get each of objects in list on click

Question

I have list of questions. And I have a html, f.e., . Each click, changes html ".title" with a next question from objects. Click on button, I get: "Is it good to be me?", next click, I get: "Who is the best man?" and so on...

var questions = {
 first: "Is it good to be me?",
 second: "Who is the best man?",
 third: "Do you believe?",
 fourth: "Are you sexy?"
};
var txt = "";
var x;

for(x in questions) {
 txt += questions[x] + "<br>";
  console.log(txt)
}

What exactly you want to do? Can you add complete HTML & expected HTML. — Tushar, Jun 25 '16 at 14:20
Why an object? If order is important, you should better use an array for this. — trincot, Jun 25 '16 at 14:25
http://stackoverflow.com/questions/500504/why-is-using-for-in-with-array-iteration-a-bad-idea — Jonathan, Jun 25 '16 at 14:31

Mohammad · Accepted Answer · 2016-06-25T14:38:12.817

2

You can use array instead of object.

var questions = [
    "Is it good to be me?",
    "Who is the best man?",
    "Do you believe?",
    "Are you sexy?"
];

var index = 0;
$("button").click(function(){
    $("div").text(questions[index]);
    index++;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>
<br/>
<button>Get question</button>

To getting index of question, use index variable. Also you can use data-index attribute to do this.

edited Jun 25 '16 at 14:38

answered Jun 25 '16 at 14:35

Mohammad

21,175
15
55
84

so there is no need in looping? 8( – NeedH8 Jun 25 '16 at 14:36
@NeedHate No, you can get target question using `index` variable like `questions[index]`. – Mohammad Jun 25 '16 at 14:38
Ok, gonna use your advice. – NeedH8 Jun 25 '16 at 14:41

ThiepLV · Answer 2 · 2016-06-25T14:28:05.723

-1

You can try:

for(x in questions) {
    txt += questions[x] + "\n";
}
console.log(txt)

edited Jun 25 '16 at 14:28

answered Jun 25 '16 at 14:22

ThiepLV

1,219
3
10
21

How to get each of objects in list on click

2 Answers2