获得多个跨度的值

时间:2016-02-09 10:12:00

标签: jquery html

我开始编程并遇到问题我无法解决。如何获得同一类的多个跨度值?

HTML看起来像这样:

responseCode { (statusCode) -> () in
            print("Status Code:\(statusCode)")
    }

现在我想得到(.price)跨度的值。使用我的代码,我得到每个价格范围的价值。

<ul>
    <li>
        <input type="checkbox" value="300" />
        <label>
          At vero consecur <span class="price">300</span>
        </label>
    </li>
    <li>
        <input type="checkbox" value="450" />
        <label>
          lorem ipsum <span class="price">450</span>
        </label>
    </li>
    <li>
        <input type="checkbox" value="850" />
        <label>
          solor sit amet <span class="price">850</span>
        </label>
    </li>
    <li>Total Sum <span class="price">0</span></li>
</ul>

我试过这样的事情。但它也不起作用。

$(document).ready(function() {
    var preis = $('.price').text()
    var newprice = parseInt(preis)
    alert(newprice)
});

8 个答案:

答案 0 :(得分:0)

使用$(this)代替$(".price")

<强> Live Demo

$( "ul li label span" ).each(function( index ) {
      alert( index + ": " + $(this).text() );
});

如果该类未在页面的其他部分使用,则可以直接使用类。

<强> Live Demo

$('.price').each(function( index ) {
      alert( index + ": " + $(this).text() );
});

答案 1 :(得分:0)

您需要使用each并使用$(this)获取文字以引用相应的元素:

实施例 -

$('.price').each(function(index,element){
   alert($(this).text());
});

答案 2 :(得分:0)

this中使用.price代替each,因为.price引用了所有spanprice

$( "ul li label span" ).each(function( index ) {
    alert( index + ": " + $(this).text() );
});

答案 3 :(得分:0)

您应该将jQuery each函数应用于price类的项目。

$(function() {
    $(".price").each(function(i, v) {
        console.log($(v).text());
    });
});

答案 4 :(得分:0)

只需循环每个public class AdRequestReceiver extends BroadcastReceiver { @Override public void onReceive(Context context, Intent intent) { OverlayActivity.runActivity(context); } }

.price

Working Fiddle

答案 5 :(得分:0)

 $("ul > li").each(function() {
   var Name = $("label", this) .text();
   var price = $(".price", this) .text();
 ::::::::::::::
  ::::::
alert("");
 });

可能Jquery - Get the text of multiple spans with the same class?可以帮助你......

答案 6 :(得分:0)

抓住.price内的文字并不是你想要在这里做的事情。我看到你想要所有复选框中的值,然后我猜你想要计算它们。 你最好循环遍历<input>并从中获取值。这样,您就不会为最后一个0元素选择.price的值。

我个人会这样做:

$(function() {
    $('input').each(function() {
        console.log($(this).val());
    })
});

答案 7 :(得分:0)

你必须遍历.price元素。

$(".price").each(function(i){
    price = $(this).html()
    if (!isNaN(price)) total += Number(price);
});