正則表達式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。

如果要修剪從以下和尾隨空格的字符串，然後簡單地做

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