javascript - 在 javaScript 中使用 $(this) 而不是 ID

Question

是否有任何解决方案可以使用 $(this) 而不是 javaScript 中的选项选择和 ID？

 var tot = 5 * ($( "#firstOne option:selected" ).text());

在上面的示例中，我想使用 $(this) 而不是 #firstOne，以便能够使用此函数进行多选项选择。

更新

jsFiddle

$(document).ready(function() {

  document.getElementById("totalPrice").innerHTML = 0 + " €";
});

function addToPrice() {
  var tot = $("#totalPrice").val();
  tot = 5 * ($(this).find("option:selected").text());
  tot = tot + " €"
  document.getElementById("totalPrice").innerHTML = tot;

}

<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

<div>

  <table class="itemList">
    <tr>
      <td style="width: 170px">
        <span>Arancina Pistacchio</span>
      </td>
      <td>
        <span style="margin-left: 110px;">2.5 &euro;</span>
      </td>
      <td>
        <select style="margin-left: 30px" onChange="addToPrice();">
          <option value="one">0</option>
          <option value="two">1</option>
          <option value="three">2</option>
          <option value="four">3</option>
        </select>
      </td>
    </tr>
  </table>

</div>

<div>

  <table class="itemList">
    <tr>
      <td style="width: 170px">
        <span>Arancina Melanzana</span>
      </td>
      <td>
        <span style="margin-left: 110px;">2.5 &euro;</span>
      </td>
      <td>
        <select style="margin-left: 30px">
          <option value="one">0</option>
          <option value="two">1</option>
          <option value="three">2</option>
          <option value="four">3</option>
        </select>
      </td>
    </tr>
  </table>

</div>

<div class="totPrice">Total :</div>
<div class="totPrice" style="font-size: 20px; font-family: Helvetica" id="totalPrice"></div>

Answer 1

我明白你的意思了。使用如下:

var tot = 5 ;
$( "option:selected" ).each(function(){
tot = tot * $(this).text();
});