javascript - 如何使用jquery获取div的值？

Question

这个问题已经有答案了:

Using .text() to retrieve only text not nested in child tags (30 个回答)

已关闭 5 年前。

如何使用 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());

但没有获得任何值(value)。

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>