javascript - 从动态 HTML 元素中检索 jQuery 数据返回未定义

Question

我正在尝试从可变 HTML 元素中检索数据。单击时，<span> 的 ID元素被检索，我想让我动态 $([dynamic id])选择该元素并请求存储在数据属性中的数据。

我的 jQuery 看起来像这样:

$( document ).ready( function() {
    $( ".checkmark" ).on( "click", ( event ) => {
        let checkBoxId = "#" + event.target.id, // #checkBox1
            checkBoxData = event.target.id + "-value", // checkBox1-value
            checkBoxValue = $( checkBoxId ).data( checkBoxData ); // undefined
    } );
} );

目标 HTML 元素如下所示:

<span class="checkmark" id="checkBox1" data-checkBox1-value=-155></span>

let checkBoxValue 的值未定义，我不明白为什么。将不胜感激。

Answer 1

您可以使用 attr() 获取 span 的属性值jQuery

中的函数

checkBoxValue = $(checkBoxId).attr(checkBoxData);