如何获取标签的价值？

Question

我的ASP.NET页面上有以下html，我希望使用jQuery只获得p标记中的值。

<p><pi>€ </pi>213,47</p>
           

我尝试了以下操作

var Product = {};
Product.Price = $(this).closest(".caption").find("p:eq(0)").html();

但这给出了“ 欧元 213，47” ，但我只想获得值213，47。

Answer 1

有很多方法，比如。。。

var p = $('p');
var price = p.html().replace(/<pi>[^<]*<\/pi>/, '');

https://jsfiddle.net/0hlxje8z/

Answer 2

您可以获取pi的text并将其从p中删除。

null

let pi = $('p > pi').text();
let p = $('p').text();
console.log(p.replace(pi, ''));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p><pi>€ </pi>213,47</p>

Answer 3

请尝试以下操作:

var Product = {};
Product.Price = $(this).closest(".caption").find("p:eq(0)").text().replace('€','');

更新

因为不支持jQuery3.4:eq选择器，所以不应该再使用它。 作为替代方案，您可以使用.eq(0)代替:eq(0):

var Product = {};
Product.Price = $(this).closest(".caption").find("p").eq(0).text().replace('€','');