html中两种获取标签内的值的方法分享_id选择器如何输出标签信息

作者：AllinToyou | 2024-02-18 21:19:53

踩

id选择器如何输出标签信息

本文主要介绍了html中两种获取标签内的值的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

使用的javascript获取，所以肯定是包含在< script >标签里的，也需要引入jquery

标签示例：

1	`<input` `id="goodsCount"` `type="text"` `size="2"` `readonly="readonly"` `class="num-text"` `value="#{num}">`

获取其中value的值：

//$("#goodsCount")，括号内的值为id选择器，对应着标签的id

//使用.val()，可以获取该value的值

$("#goodsCount").val();

//如果需要传值进去，在括号内写入需要传入的值即可，就如下

$("#goodsCount").val(json.data);

标签示例：

1	`<span` `id="goodsPrice">#{singlePrice}</span>`

获取标签中间的值：

//使用id选择器可以获取上上述标签中的#{singlePrice}

//class选择器应该也可以，但我没试过

let price = $("#goodsPrice").html();

//如果需要传值进去，在括号内写入需要传入的值即可，就如下

$("#goodsPrice").html(totalPrice)；

到此这篇关于html中两种获取标签内的值的方法的文章就介绍到这了,希望可以对你有所帮助。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/AllinToyou/article/detail/110644