Question

如何使用jQuery获取899？

<div class="effectice-price prod_price">
  <i class="fa fa-inr" aria-hidden="true" id="prod_price"></i>
  899
</div>

我已经尝试过了：

alert(jQuery(".prod_price").next().text());

但没有任何价值。

Answer 1

您可以直接使用jQuery(".prod_price").text()，而无需使用next()，最好使用trim()方法从返回的字符串中删除多余的空格。

console.log(jQuery(".prod_price").text().trim());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="effectice-price prod_price">
  <i class="fa fa-inr" aria-hidden="true" id="prod_price"></i> 899
</div>

Answer 2

您只能使用

$('.prod_price').text()

Answer 3

由于您要获取$(".prod_price").text()的文本，因此您需要.prod_price。 alert(jQuery(".prod_price").next().text());将不会获得任何值，因为.prod_price旁没有元素

console.log($(".prod_price").text().trim());

$('.prod_price').contents()
            .filter(function() { return this.nodeType != 1 && $.trim($(this).text()) != '' })
            .replaceWith('new text or html');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="effectice-price prod_price">
  <i class="fa fa-inr" aria-hidden="true" id="prod_price"></i>
899
</div>

Answer 4

jQuery(".prod_price").text();
//899 is text of the prod_price

如何使用jQuery获取div的值？

4 个答案: