JSFiddle - React, Tailwind, and code Playground

HTML

<div>
 <div class="foo">
  <input data-id="a">
 </div>
 <div class="foo">
  <input data-id="b">
 </div>
 <div class="foo">
  <input data-id="c">
 </div>
</div>

JavaScript

$('.foo ').click(function() {
// const i = $('foo input').data('id') // 「foo」という要素はHTMLに無いのでそもそも採れない
//                   ↓
   const i = $('input',this).data('id')
   console.log(i)
  })