javascript - 奇怪的 Javascript 数字行为 - 无法区分 1 和 10 之间的区别

Question

我有一个 slider ，每张幻灯片的内容可编辑设置为 true。意思是，每张幻灯片基本上都是一种表格。创建幻灯片后，我将 data-id 属性嵌入到幻灯片的每个字段中，以便我可以从任何特定幻灯片中获取字段值。

问题是，当我获取 data-id 属性设置为 1 的字段值时，它也会从幻灯片中获取 data-id 属性设置为 10 的字段值。

为什么会发生这种情况？

下面是我用来获取事件触发器上任何特定幻灯片的值的代码:

    var dealID = $(e.currentTarget).data("id");
    console.log("Deal ID: " + dealID);
    var dealTitleText = $('#deal-main-title[data-id*="' + dealID + '"]').text();
    var dealProvider = $('#deal-main-provider[data-id*="' + dealID + '"]').text();
    var dealDescription = $('#deal-main-description[data-id*="' + dealID + '"]').text();
    var dealPhoneNumber = $('#deal-main-phonenumber[data-id*="' + dealID + '"]').text();
    var dealConditions = $('#deal-main-conditions[data-id*="' + dealID + '"]').text();

Answer 1

[data-id*="1"] 查找 data-id 包含 1 的所有元素>。如果您想要相等，请仅使用等号:

$('#deal-main-title[data-id="' + dealID + '"]')