How to detect data attribute in javascript

Question

I have html table like this

<td id="18" data-class-index="0" data-day=2017/11/18>18</td>
<td id="19" data-class-index="0" data-day=2017/11/19>19</td>
<td id="20" data-class-index="0" data-day=2017/11/20>20</td>

I have data-day like date=2017/11/18. I would like to get id number

I tried like

$("id[data-day='2017/11/20']")

But it didn't work well.I know it is basic question, but if someone has some idea,Please let me know.

thanks,If I have variable date =2017/11/20, How can I achieve it ? I treid $("td[data-day="+data+"]").attr('id') but some error has occured. — Heisenberg
– Heisenberg, Commented Dec 20, 2019 at 5:54

Addis · Accepted Answer · 2019-12-20 06:07:46Z

2

Using string literal and querySelector():

let data = "2017/11/18";
let id = document.querySelector(`td[data-day= "${data}"]`).id;
console.log(id)

answered Dec 20, 2019 at 6:07

Addis

2,5402 gold badges16 silver badges21 bronze badges

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

Comments

Krupal Panchal · Accepted Answer · 2019-12-20 05:42:07Z

1

You can try this one.

$(document).ready(function(){
    var val = $('td').filter(function(index){
        return $(this).data('day') == '2017/11/19';
    }).attr('id');
    console.log(val);
});

answered Dec 20, 2019 at 5:42

Krupal Panchal

1,5452 gold badges15 silver badges27 bronze badges

Comments

Sandeep K. · Accepted Answer · 2019-12-20 05:55:18Z

1

console.log($('table td[data-day="2017/11/20"]').attr('id'));
console.log('__DEBUG__')

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 <table>
<td id="18" data-class-index="0" data-day="2017/11/18">18</td>
<td id="19" data-class-index="0" data-day="2017/11/19">19</td>
<td id="20" data-class-index="0" data-day="2017/11/20">20</td>
<table>

answered Dec 20, 2019 at 5:55

Sandeep K.

7616 silver badges19 bronze badges

1 Comment

Heisenberg Over a year ago

Thanks,I would like to use variables,like date = 2017/11/20 and so on, How can I use such variables?

Stephen O'Flynn · Accepted Answer · 2019-12-20 13:20:43Z

-2

Use the .data() method to access it directly

var value = $("#20").data("day");

See https://api.jquery.com/jQuery.data/

edited Dec 20, 2019 at 13:20

Stephen O'Flynn

2,32923 silver badges34 bronze badges

answered Dec 20, 2019 at 5:36

LDS

3623 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to detect data attribute in javascript

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

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

Related