1

次のようなコードを吐き出すワードプレスプラグインを使用しています。

<div class=" product-addon product-addon-extra-tip">    
  <p class="form-row form-row-wide addon-wrap-2004-extra-tip-0-0">
    <label>
      <input type="radio" class="addon addon-radio" name="addon-2004-extra-tip-0[]" data-raw-price="2" data-price="2" value="2"> $2 (<span class="amount">$2.00</span>)</label>
  </p>
  <p class="form-row form-row-wide addon-wrap-2004-extra-tip-0-1">
    <label>
      <input type="radio" class="addon addon-radio" name="addon-2004-extra-tip-0[]" data-raw-price="5" data-price="5" value="5"> $5 (<span class="amount">$5.00</span>)</label>
  </p>
</div>

<span>に小数点付きのドル値が含まれていることがわかります。すべてのインスタンスから小数点と末尾のゼロを削除したいと思います。

を使用してこれが可能であることはわかっていますがtoFixed()、これらの特定ののみを対象とする方法がわかりません<span>。他の場所で使用されているため、単にクラス名で選択することはできませんamount。

そのため、 with class内<span>の s with classをターゲットにする必要があります。そして、これらの s 内の文字列から小数を削除する必要があります。amount<div>product-addon<span>

4

2 に答える 2

1

次の JavaScript を使用して、すべての小数と末尾のゼロを classでspans内部から削除します。divproduct-addon

var links = document.getElementsByClassName("product-addon");
var span = links[0].getElementsByTagName("span");
console.log(span.length);
for (var i = 0; i < span.length; i++) {
  span[i].innerText = span[i].innerText.split('.')[0];
}
<div class=" product-addon product-addon-extra-tip">
  <p class="form-row form-row-wide addon-wrap-2004-extra-tip-0-0">
    <label>
      <input type="radio" class="addon addon-radio" name="addon-2004-extra-tip-0[]" data-raw-price="2" data-price="2" value="2">$2 (<span class="amount">$2.00</span>)</label>
  </p>
  <p class="form-row form-row-wide addon-wrap-2004-extra-tip-0-1">
    <label>
      <input type="radio" class="addon addon-radio" name="addon-2004-extra-tip-0[]" data-raw-price="5" data-price="5" value="5">$5 (<span class="amount">$5.00</span>)</label>
  </p>
</div>

于 2016-02-23T20:44:32.060 に答える