正则表达式jQuery不起作用

Question

使用reg表达式删除标题中不需要的空格时遇到一些问题。 这是我的代码：

<ul>
 <li>
    <a href="#make/281">
      <img src="/images/cook-hat.svg">
      <span class="label label-primary">label</span>
      <div class="title-box"><span class="title">      my title     </span></div>
      <span class="goal-list">4</span>
    </a>
 </li>


$("li").val(
  $("span.title").text().replace(/\n/g, "")
  .replace(/\s/g,'')
);

任何帮助，将不胜感激

Answer 1

使用.text()而不是.val()

尝试这个：

 $("li").text( $("span.title").text().replace(/\\n/g, "") .replace(/\\s/g, ' ') ); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <ul> <li> <a href="#make/281"> <img src="/images/cook-hat.svg"> <span class="label label-primary">label</span> <div class="title-box"><span class="title"> my title </span> </div> <span class="goal-list">4</span> </a> </li> </ul> 

编辑：设置多个li元素的文本。

 $("li").text( function() { return $(this).find("span.title").text().replace(/\\n/g, "") .replace(/\\s/g, ' ') } ); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <ul> <li> <a href="#make/281"> <img src="/images/cook-hat.svg"> <span class="label label-primary">label</span> <div class="title-box"><span class="title"> my title </span> </div> <span class="goal-list">4</span> </a> </li> <li> <a href="#make/281"> <img src="/images/cook-hat.svg"> <span class="label label-primary">label</span> <div class="title-box"><span class="title"> my title </span> </div> <span class="goal-list">4</span> </a> </li> </ul> 

Answer 2

.replace（/ \\ s / g，''）

将替换文本中的所有空格。 因为您说过要remove unwanted spaces ，所以不确定您是否remove unwanted spaces 。

如果您想从后面和后面的空格中修剪字符串，只需执行

$("li").html(  $("span.title").text().trim() );