正則表達式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() );