我有一张桌子
<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>
