Question

我有一张桌子

<div class="main">
<table>
 <tr>
     <td>
         <b class="bold">1500></b>
     </td>
     <td>
        <b class="bold">2500></b>
     </td>
     <td>
        <b class="bold">4500></b>
     </td>
 </tr>
</table>
<input type="text" id="displayTotal"/>
<input type="button" id="btnAdd" value="Get Total"/>
</div>

现在点击按钮我想在粗体标签中添加类名为粗体的值。我尝试使用

<script>
$('#btnAdd').click(function(){
var a=$("div.bold").Val();

我不知道该怎么做。任何人都帮帮忙。我想在文本框中将结果显示为8500

Answer 1

您的HTML无效。 b必须关闭。在使用迭代器并使用jquery text()之后，您可以获取值并将它们相加：

$('#btnAdd').click(function() {
  //declare a variable to keep the values
  var sum = 0;
  //use each to iterate through b elements
  $("div.main table tr td b").each(function() {
    //sum the values
    sum += parseInt($(this).text(), 10);
  });
  //change input value with the new one
  $("#displayTotal").val(sum);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main">
  <table>
    <tr>
      <td> <b class="bold">1500</b>

      </td>
      <td> <b class="bold">2500</b>

      </td>
      <td> <b class="bold">4500</b>

      </td>
    </tr>
  </table>
  <input type="text" id="displayTotal" />
  <input type="button" id="btnAdd" value="Get Total" />
</div>

Answer 2

$('#btnAdd').on('click', function () {
  var a = $('.main .bold').text();
};

Answer 3

大胆不是div，但是＆＃39; b＆＃39;

var a=$("b.bold").text();

如何使用Jquery在粗体标记中获取值

3 个答案: