How to access object name for their value using jquery

Question

I have on object and I want to print their name and property name. How can I do that. I can access their properties value. Like I want print object name like 'first' and 'second' and their properties like 'value' and 'text' dont want to print value

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function (){
            var myDate= {
                'first':{value:'30',text:'i am the one'},
                'second':{value:'50',text:'i am the second'}
            }

            $('a').click(function (){
                var t= $(this).text();
                if(t=="both"){
                    $('.text').text(myDate['first'] + '' + myDate['second'] );
                } else {
                    $('.text').text(myDate[t]);
                }
            });
        });
    </script>
</head>
<body>
    <div class="text"></div>
    <a href="#">first</a>&nbsp;&nbsp;<a href="#">second</a>
    <a href="#">both</a>
</body>

nnnnnn · Accepted Answer · 2012-08-06 06:28:17Z

2

You can use a standard JS for..in loop - you don't need jQuery, though it has you covered too with its $.each() method. Either way gives you access to the property names and their corresponding values. Given you've got nested objects you will probably want nested for..in or $.each() loops.

You don't make it at all clear what format your output should be, but here's a simple example that at least shows how to get the pieces you need:

var output = "";
$.each(myDate, function(k, val) {
    // k is the property name, val is the property value
    output += k + ": ";
    $.each(val,function(k,val) {
        output += k + ": " + val + "; ";
    });
    output += "\n";
});
// do something with output

That would produce a string, output, that looks like this:

first: value: 30; text: i am the one; 
second: value: 50; text: i am the second;

...as shown in this demo: http://jsfiddle.net/nnnnnn/WvBgD/

edited Aug 6, 2012 at 6:28

answered Aug 6, 2012 at 6:22

nnnnnn

150k30 gold badges210 silver badges247 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sunil Dodiya · Accepted Answer · 2012-08-06 06:27:44Z

1

you can simply use for loop to get object name.

for(var x in myDate){
      console.log(x);
      if(typeof(myDate[x]) == "object") {
         for(var y in myDate[x]){
             console.log(">>"+y);
         }
      }
 }

RESULT......

first
>>value
>>text
second
>>value
>>text

answered Aug 6, 2012 at 6:27

Sunil Dodiya

2,6152 gold badges20 silver badges25 bronze badges

Comments

Wern Ancheta · Accepted Answer · 2012-08-06 06:17:23Z

0

You can use for in loop:

    for(var x in myDate){
      console.log(myDate[x]['value']);//access value
      console.log(myDate[x]['text']);//access the text
    }

answered Aug 6, 2012 at 6:17

Wern Ancheta

23.4k38 gold badges105 silver badges142 bronze badges

1 Comment

Jitender Over a year ago

I dont want to access their value I just want to print their property name like if I click on first then 'value' and 'text' should be print not their contaning value

Community · Accepted Answer · 2017-05-23 12:12:17Z

0

Working demo http://jsfiddle.net/msSwA/ or http://jsfiddle.net/msSwA/1/

Good link: How to get an object's properties in JavaScript / jQuery?

Hope it fits the needs :)

value = myDate['first'].value or text = myDate['first'].text

code

$(function() {
    var myDate = {
        'first': {
            value: '30',
            text: 'i am the one'
        },
        'second': {
            value: '50',
            text: 'i am the second'
        }
    }

    $('a').click(function() {
        var t = $(this).text();
        if (t == "both") {
         $('.text').text(myDate['first'].value + ' == ' + myDate['second'].value)
        }
        else {

            $('.text').text(myDate[t].value);

        }
    })



})

edited May 23, 2017 at 12:12

CommunityBot

11 silver badge

answered Aug 6, 2012 at 6:20

Tats_innit

34.1k10 gold badges74 silver badges77 bronze badges

Collectives™ on Stack Overflow

How to access object name for their value using jquery

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related