jquery - 如何从按钮中获取属性？

Question

我正在尝试获取有关此按钮数据的警报，特别是“6374”部分。任何想法如何用 jQuery 抓取它？

html:

<button data-snax-post="6374">Text</button>

jQuery：

alert(('.menu-item').attr('data-snax-post'));

标签： jquery

Answer 1

该按钮需要具有menu-item类，因此您可以这样选择它。

您没有$调用 jQuery 函数来选择项目。

您可以使用该.data()方法获取数据属性。

alert($('.menu-item').data('snax-post'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="menu-item" data-snax-post="6374">Text</button>

.menu-item但是，如果您的页面上有多个元素，这将不起作用。它将从第一个获取数据。如果您单击它，您可能想要使用$(this).

$(".menu-item").on("click", function() {
  alert($(this).data('snax-post'));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="menu-item" data-snax-post="6374">Text</button>
<button class="menu-item" data-snax-post="1234">Other Text</button>