輸入關鍵作品的兩個數字的百分比

Question

我有一個表格，其中包含<tr>和<td>，我在第三個<td>中顯示出售門票的百分比。我的代碼能夠正常工作，直到我在每個<td>中的<br/>標記之後都有一個輸入爲止。例如，如果您在每個<br/>標籤後按Enter鍵，我的代碼將正常工作，否則它不起作用，並且不會計算兩個數字的百分比。我如何定義我的代碼，不考慮每個<td>之間的輸入和空格？ 這裏是我的代碼片段：

$('table tbody tr').each(function() { 
 
    var $this = this, 
 
    td2Value = $('td:nth-child(2)', $this).text().trim().split(/\D+/); 
 

 
    $('span.result', $this).each(function(index, element) { 
 
    let v = $('td:nth-child(1)', $this).text().trim().split(/\r?\n/); 
 
    if (v[index] != null && v[index].trim() == "Mytext") { 
 
     v[index] = td2Value[index]; 
 
    } 
 
    if (v[index] != null) { 
 
     $(element).html(Math.round((td2Value[index] * 100/v[index]) || 0) + '%'); 
 
    } 
 

 
    }); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> 
 
<table border="1"> 
 
    <thead> 
 
    <tr> 
 
     <th> avalable</th> 
 
     <th> sold</th> 
 
     <th> result </th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td> 
 
     10<br/>Mytext<br> 
 
     </td> 
 
     <td> 
 
     5<br/> 2 
 
     <br/> 
 
     </td> 
 
     <td> 
 
     <span class="result"></span><br/> 
 
     <span class="result"></span><br/> 
 
     </td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 1

問題是與你的regex。

let v = $('td:nth-child(1)', $this).text().trim().split(/\r?\n/); 

此行只返回值，但連接在一起。

你想要的是一個非常基本的正則表達式(\d+)這將匹配only數字（你需要的是將字符串中的整數和文本分開）。

使用此：

let v = $('td:nth-child(1)', $this).text().trim().split(/(\d+)/).filter(v => v); 

$('table tbody tr').each(function() { 
 
    var $this = this, 
 
    td2Value = $('td:nth-child(2)', $this).text().trim().split(/\D+/); 
 
    $('span.result', $this).each(function (index, element) { 
 

 
    let v = $('td:nth-child(1)', $this).text().trim().split(/(\d+)/).filter(v => v); 
 
    if(v[index] != null && v[index].trim() == "Mytext") 
 
    { 
 
     v[index] = td2Value[index]; 
 
    } 
 
    if(v[index] != null) 
 
    { 
 
     $(element).html(Math.round((td2Value[index] * 100/v[index]) || 0) + '%'); 
 
    } 
 

 
    }); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> 
 
<table border="1"> 
 
      <thead> 
 
       <tr> 
 
        <th> avalable</th> 
 
        <th> sold</th> 
 
        <th> result </th> 
 
       </tr> 
 
      </thead> 
 
<tbody> 
 
<tr> 
 
<td> 
 
10<br/>Mytext<br/></td> 
 
<td> 5<br/>2<br/></td> 
 
<td> 
 
<span class="result"></span><br/> 
 
<span class="result"></span><br/> 
 
</td>   
 
</tr> 
 
</tbody> 
 
</table>