使用jQuery获取属性值

Question

I am trying to get the 31003 value from the attribute with jquery.

 <a class= "findOption" data-clickaction="changeFilter" data-actionvalue=" {"Company":"31003", "val": "mostrecent";}" href="javascript:void(0);">Most Recent</a>

I have tried,

$(".findOptions").attr('Company').value();

$(".findOptions").attr('data-actionvalue');

I am stuck.

Answer 1

You can use data method :

$('.findOption').data('actionvalue')['Company'];//findOption instead as noticed by @Vimalan

And as @Barmar indicated that html is invalid you should be doing like this in your html:

data-actionvalue='{"Company":"31003", "val": "mostrecent"}'

Answer 2

First, your HTML isn't correct. Since you're using double quotes in the JSON that's in data-actionvalue , you have to use single quotes as the delimiter around the attribute value. Otherwise, the quote before Company will end the attribute.

Also, you shouldn't have a semicolon ( ; )` in the value, that's not valid JSON.

<a class= "findOption" data-clickaction="changeFilter" data-actionvalue='{"Company":"31003", "val": "mostrecent"}' href="javascript:void(0);">Most Recent</a>

Then to get a particular property of the data, you need to access it with . :

$('.findOption').data('actionvalue').Company

or [] :

$('.findOption').data('actionvalue')['Company']

Answer 3

There are couple of corrections in your code:

1) Fix, 'actionvalue' as shown in my code. 2) Use findOption instead of findOptions (it does not exists in your code)

 var obj = $(".findOption").data('actionvalue'); $('#result').text(obj.Company); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a class= "findOption" data-clickaction="changeFilter" data-actionvalue='{"Company":"31003", "val": "mostrecent"}' href="javascript:void(0);">Most Recent</a> <br/> <label id='result'/> 

Answer 4

我认为这应该工作

$(".findOption").data('actionvalue')['Company'];