How to get string value when used data-name in JQuery in MVC?

Question

I want to get name string from data-rName into JQuery. Currently, it is showing undefined. This rName should returns Name string but not value.

View

  <tr id="row" data-rName="@dr["rName"]" >

Script

  $('#DetailsPartial').on('click', '#row', function () {                  
           var rName = $(this).data('rName');           
        });

What is $(this) in this context ? Is it the jQuery object for the row ? — Shyju
– Shyju, Commented Aug 5, 2018 at 23:46
Inspect the html you are generating - what does @dr["rName"] generate? — user3559349
– user3559349, Commented Aug 5, 2018 at 23:48
@it is showing undefined now. This is string value coming from database. — MVC
– MVC, Commented Aug 5, 2018 at 23:49
And your <tr> element does not have a id="row" attribute. You need to show us the code to reproduce your issue. What is the element with id="row"? (and it also suggests you have duplicate id attributes which is invalid html) — user3559349
– user3559349, Commented Aug 5, 2018 at 23:49

Shyju · Accepted Answer · 2018-08-06 00:14:49Z

2

html5 data attribute name should not contain upper case letters.

Here is the relevant part from the spec.

A custom data attribute is an attribute in no namespace whose name starts with the string "data-", has at least one character after the hyphen, is XML-compatible, and contains no uppercase ASCII letters.

So change your attribute name to all lower case

<tr data-rname="some value" id="row"><td></td></tr>

and

$('#DetailsPartial').on('click', '#row', function () {                  
    var rName = $(this).data('rname'); 
    alert(rName);          
});

You may also use dash in the attribute name. For example,

and

var rName = $("#hello").data("r-name");

edited Aug 6, 2018 at 0:14

answered Aug 5, 2018 at 23:51

Shyju

220k106 gold badges421 silver badges499 bronze badges

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

1 Comment

MVC Over a year ago

Solved!. Thank you alot.

Collectives™ on Stack Overflow

How to get string value when used data-name in JQuery in MVC?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related