使用jquery屏蔽敏感文本

Question

我有一个元素<a href="#" class="masked_text">123456789</a>。

即使保留了实际数字，我还可以将数字显示为星号吗？可以使用javascript更改号码，因此无法使用

$('.masked_text').text('*************');

我不知道是否可以在不改变内容的情况下展示某些内容。我不希望在元素上方放置图像或类似的东西，所以我真的没有猜测： - ）

Answer 1

您可以将CSS类字体设置为符号。这样，文本将变得不可读，不幸的是数字仍然存在。

   .maskedText {
        font-family: Symbol;
    }

Answer 2

只需将数字保存在变量中并将其替换为*，如下所示：

var theNumber;
function inputFieldSubmitCallback() {
    theNumber = $(".masked_text").text();
    $(".masked_text").html(theNumber.replace(/\d/g, "*").show();
}

**你当然可以将数字存储在localStorage或js对象中...但它仍然在客户端（不安全......如果这是一个问题）。