我有一张桌子
- <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在文本框中
解决方法
你的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>
