JQuery - 切片/删除 - ID 或类名中的特殊字符

Question

对于日语，我正在尝试从后端动态添加日语。

我想忽略特殊字符，因为我得到了“

Uncaught Error: Syntax error, unrecognized expression:

是否可以从 superior-room-(suーペriaルーmu) 中删除 -(suーペriaルーム) 并仅获取 superior-room ？

我需要输出为 id="superior-room"。

HTML:

    <div id =superior-room-(スーペリアルーム)" class="list-item">
      <p>Title</p>
    </div>

JS:

    var message = '';
    var numAvailableRooms;
    var roomContianerId = $('.list-item').attr('id');

    if (numAvailableRooms < 100) {
      message = '50 rooms left!';
    } else {
      message = 'High demand!';
    }

    if (message == '') {
      $('#' + roomContianerId + ' .demand-message').hide();
    } else {
      $('#' + roomContianerId + ' .demand-message').show();
      $('#' + roomContianerId + ' .demand-message').html(message);
    }

Answer 1

使用 jQuery，您只能在页面加载后更新，要更新您可以使用 attr()方法。首先，获取所有具有 id 属性的元素(使用 has attribute selector )并使用 attr()带有回调的方法来迭代和更新 id。

$('[id]').attr('id', function(i, id){
    // replace all character except word char, digit and -
    // using negated character class in regex
    return id.replace(/[^\w\d-]/g, '');
});

<小时/>

要使其完全有效，请参阅:Javascript regex to remove illegal characters from DOM ID .

$('[id]').attr('id', function(i, id){
    return id.replace(/^[^a-z]+|[^\w:.-]+/gi, "");
});