jQuery 替换文字

Question

我正在尝试将数量的 UOM 文本（示例：屏幕截图中的 EA）替换为选择的任何标签的 UOM（示例：屏幕截图中的 EA 或 CS6）。

这是 HTML 代码：

<span class="uomPrice">
   <input type="radio" id="uom-0" name="adduom0" value="0">&nbsp;<label for="uom-0">.15&nbsp;EA</label><br>
   <input type="radio" id="uom-1" name="adduom0" value="1">&nbsp;<label for="uom-1">6.89&nbsp;CS6</label>
</span>

<span class="qty-uom">EA</span>

这是 jQuery 代码：

$('.uomPrice label').click(function(e){
   var text = $(e.target).text();
   var selectedUom = text.substring(text.indexOf('\xa0') +1).toString(); // grabs uom after a non-breaking space
   var qtyUom = $('.qty-uom').text();
});

提前致谢！

Answer 1

使用参数调用 .text() 以替换文本。

$('.uomPrice label').click(function(e) {
  var text = $(e.target).text();
  var selectedUom = text.substring(text.indexOf('\xa0') + 1).toString(); // grabs uom after a non-breaking space
  $('.qty-uom').text(selectedUom);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="uomPrice">
   <input type="radio" id="uom-0" name="adduom0" value="0">&nbsp;<label for="uom-0">.15&nbsp;EA</label><br>
   <input type="radio" id="uom-1" name="adduom0" value="1">&nbsp;<label for="uom-1">6.89&nbsp;CS6</label>
</span>
<br>
<span class="qty-uom">EA</span>

请注意，要完成这项工作，您必须单击标签，而不是单选按钮。

jQuery 替换文字

jQuery Replacing Text

jquery

replace