获取 jQuery 中的父属性值

Question

当用户输入输入时，我想从此代码中获取数据值“番茄”：

 $('input[name=txt]').on('input', function() { var module = $(this).closest('[data-value]').val(); alert(module); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div data-value="Tomatoe"> <div> <input type="text" class="form-control" name="txt" required> </div> </div>

我在这里缺少什么？

谢谢。

Answer 1

<div>没有value ，因此.val()不会产生任何有意义的东西。 你想要 jQuery .data() function：

 $('input[name=txt]').on('input', function() { var module = $(this).closest('[data-value]').data('value'); alert(module); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div data-value="Tomatoe"> <div> <input type="text" class="form-control" name="txt" required> </div> </div>