使用jQuery从div的ID属性中清除空白区域

Question

如何使用jQuery从div的ID中删除空格。

所以这个：

<div class="modal" ID="The ID of the Div"></div>

变为：

<div class="modal" ID="TheIDoftheDiv"></div>

原因是我从具有空格的文本字符串中动态设置ID。

Answer 1

最好的方法是首先使用正确的id创建元素。

除此之外，它分解为：

1. 获取元素，

2. 更改其id

这可以使用attribute value selector：

工作

$('[id="The ID of the Div"]').attr("id", "TheIDoftheDiv");

或者您可以使用document.getElementById：

document.getElementById("The ID of the Div").id = "TheIDoftheDiv";

或者如果id是可变的：

var theId = "The ID of the Div";
// ...
$('[id="' + theId + '"]').attr("id", theId.replace(/ /g, ''));

或者，如果您真的要以不同的方式选择元素，而只是替换id您不确定：

var $div = $("...select the element...");
$div[0].id = $div[0].id.replace(/ /g, '');

或者如果您更喜欢避免变量并使用单个整体声明：

$('...select the element...').attr("id", function(_, id) {
    return id.replace(/ /g, '');
});

Answer 2

使用

str.replace(" ", "");

在id属性

中