如果id中存在空格,则更改div id

时间:2016-07-22 12:30:45

标签: javascript

我正在使用

 <div id="123456ABC" class="classname" onclick="javascript:AddValue(aa.value,'33',bb.value,'1000')"></div>
<div id="78904 bbc" class="classname1" onclick="javascript:AddValue(aa.value,'55',bb.value,'2000')"></div>

如果id

中存在空格,我需要删除id中空格后的空格和文本

在上面的例子中我需要id为id = 123456ABC和id = 78904

5 个答案:

答案 0 :(得分:2)

试试这个

&#13;
&#13;
$( "div" ).each( function(){
   var id = $(this).attr("id");
   var spaceIndex = id.indexOf(" ");
   id = spaceIndex == -1 ? id : id.substring(0, spaceIndex);
  $(this).attr("id", id);
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="123456ABC" class="classname" onclick="javascript:AddValue(aa.value,'33',bb.value,'1000')"></div>
<div id="78904 bbc" class="classname1" onclick="javascript:AddValue(aa.value,'55',bb.value,'2000')"></div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您可以使用以下脚本删除内部空间。

str = str.replace(/\s/g, '');

此处提供了更多信息: -

How to remove spaces from a string using JavaScript?

答案 2 :(得分:0)

如果您想从所有 div 中删除空格,那么您可以尝试以下代码:

$.each($(div), function(k, v) {
     var id = $(this).attr('id');
     var temp = id.split(" ");
     $(this).attr('id', temp[0]);
});

希望,它会对你有帮助。

答案 3 :(得分:0)

您可以使用以下代码去掉空格(假设您在名为originalId的变量中有ID):

var noSpaceId = originalId.replace(/ +/g, "");

答案 4 :(得分:0)

请检查下面的代码以删除所有div之后的字符串。

$(document).ready(function(){
  $('div').each(function(){
    $(this).attr('id',(this.id).split(' ')[0]);
  });
})

请查看https://jsfiddle.net/2kaak2ur/