【问题标题】:How to get the value of div using jquery? [duplicate]如何使用 jquery 获取 div 的值? [复制]
【发布时间】:2018-12-30 17:06:36
【问题描述】:

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

但没有获得任何价值。

【问题讨论】:

  • jQuery(".prod_price").text(),不需要next()
  • 大声谢谢,这是一个愚蠢的错误
  • 使用警报($(".prod_price").text());
  • 你知道&lt;td id="pack_base_price"&gt;&lt;i class="fa fa-dollar" aria-hidden="true" &gt;&lt;/i&gt; 855&lt;/td&gt;如何通过维护图标来更改td的文本我试过jQuery("#pack_base_price").text(base_price);这个但是它的值是用图标改变的。

标签: javascript jquery


【解决方案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>

【讨论】:

  • 你知道&lt;td id="pack_base_price"&gt;&lt;i class="fa fa-dollar" aria-hidden="true" &gt;&lt;/i&gt; 855&lt;/td&gt;如何改变td的文本并保持图标,我试过jQuery("#pack_base_price").text(base_price);这个,但它用图标改变值。
  • 最好的解决方案是用标签span 包裹你的文本“899”,这样可以使编辑简单,你对HTML 结构有任何控制吗?
【解决方案2】:

你应该只使用

$('.prod_price').text()

【讨论】:

    【解决方案3】:

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

    【讨论】:

    • 你知道&lt;td id="pack_base_price"&gt;&lt;i class="fa fa-dollar" aria-hidden="true" &gt;&lt;/i&gt; 855&lt;/td&gt;如何改变td的文本并保持我试过jQuery("#pack_base_price").text(base_price);这个图标,但它用图标改变值。
    【解决方案4】:

    您需要$(".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>

    【讨论】:

    • 你知道&lt;td id="pack_base_price"&gt;&lt;i class="fa fa-dollar" aria-hidden="true" &gt;&lt;/i&gt; 855&lt;/td&gt;如何改变td的文本并保持我试过jQuery("#pack_base_price").text(base_price);这个图标,但它的值用图标改变
    • @krishna 检查我的答案我已经更新了。
    猜你喜欢
    • 2019-03-24
    • 2017-06-19
    • 2013-01-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-03
    • 2013-09-18
    相关资源
    最近更新 更多