javascript - 如何使用 Jquery 获取包括空格的整个字符串？

Question

我正在使用 jQuery，我想在弹出窗口中显示学生的全名，但我只得到名字，例如如果我想显示 Abc Xyz 它只显示 Abc - 它只显示第一个单词而不是空格后面的单词。

我的代码如下:

<a data-dialog-href="#" id="delete-@item.StudentId" href="#" data-studentName=@item.StudentName>Click Here</a>

jQuery('body').on('click', '[data-dialog-href]', function (e) {
    var studentName = jQuery(this).attr('data-studentName');
    alert('Student Name : ' + studentName);
}

如何获得包括空格在内的整个字符串？提前致谢。

Answer 1

问题是因为您需要将 HTML 中的属性值用引号括起来，否则到达的第一个空格将分隔该值。试试这个:

<a data-dialog-href="#" id="delete-@item.StudentId" href="#" data-studentName="@item.StudentName">Click Here</a>

另请注意，您应该使用 data() 方法来检索值:

$('body').on('click', '[data-dialog-href]', e => {
  var studentName = $(e.target).data('studentName');
  console.log('Student Name : ' + studentName);
});