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
– Rory McCrossan, Commented Aug 31, 2016 at 20:43

adeneo · Accepted Answer · 2016-08-31 20:42:38Z

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, 2016 at 20:42

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Comments

cmnardi · Accepted Answer · 2016-08-31 20:42:45Z

0

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

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

answered Aug 31, 2016 at 20:42

cmnardi

1,1211 gold badge13 silver badges28 bronze badges

Comments

Garima Jain · Accepted Answer · 2016-09-01 19:13:09Z

0

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

answered Sep 1, 2016 at 19:13

Garima Jain

171 silver badge5 bronze badges

Collectives™ on Stack Overflow

reading hidden custom attribute using jquery

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related