reading hidden custom attribute using jquery

Question

I have custom attribute tag in my html without id as the number can vary for them

<input type="hidden" cus_control="offer_1" value="123456">
<input type="hidden" cus_control="offer_2" value="1UYREST">

Now I want to read the value of offer_1 and offer_2 which is 123456 and 1UYREST respectively using jquery or javascript. How will I achieve this as I don't have id for them?

Note that `cus_control` is not a valid attribute for a `input` element, so your HTML is invalid — Rory McCrossan, Aug 31 '16 at 20:43
Possible duplicate of [jQuery access input hidden value](http://stackoverflow.com/questions/4376664/jquery-access-input-hidden-value) — cmnardi, Aug 31 '16 at 20:44

score 2 · Answer 1 · answered Aug 31 '16 at 20:42

2

You can target the attribute it self

var value = $('input["cus-control=offer_1"]').val();

Note that you should be using data-attributes, and not invalid custom attributes

answered Aug 31 '16 at 20:42

adeneo

312,895
29
395
388

score 0 · Answer 2 · answered Aug 31 '16 at 20:42

0

Try the hidden selector https://api.jquery.com/hidden-selector/

var hiddenElements = $( "body" ).find( ":hidden" )

answered Aug 31 '16 at 20:42

cmnardi

1,051
1
13
27

score 0 · Answer 3 · answered Sep 01 '16 at 19:13

I finally found a way.

var hiddenElements = $( "body" ).find( "input:hidden" ).not( "script" );
hiddenElements.each(function(){
      if($(this).attr('sfc_control'))
      {
          var control_value = $(this).val();
          var control_name = $(this).attr('cus_control');
      }

    });

Thanks for the suggestions

reading hidden custom attribute using jquery

3 Answers3