獲取 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>