如何使用Jquery / Javascript从嵌套的HTML标记中获取值

我在我的网站上使用外部银行贷款计算器,在输入特定金额后,它会自动计算贷款条件。

现在,出于显示原因,我需要从生成的值中提取一些数据。 我想我可以用Jquery做到这一点,但我不确定为什么。

这是计算器插件生成的HTMl:

2%
100.000
18%
400.000
80%
1.500.000

我需要的是

-tag中的数据(纯文本)

有没有人有建议如何实现这一目标?

是的,您可以使用jquery函数each()来解析每个

元素,之后在每个元素中找到

元素并获取相关文本,如下所示:

 $('.sums').find('dl').each(function(){ $('#sums_area').append('

' + $(this).find('dd').text() + '

'); });
  
2%
100.000
18%
400.000
80%
1.500.000

最干净的解决方案是使用each()find()和命名函数:

 var extractText = function() { console.log($(this).text()); } $('.sums').find('dd').each(extractText); 

除了直接提取你所追求的标签之外,无需遵循html struncture。 你甚至不需要$('.sums').find()限制,你可以只做$('dd').each(extractText)虽然这会发现文档中的每个dd可能都是漏洞。

使用命名函数,与匿名函数相反是一个非常好的主意。 它可以重复使用,以更好的代码清晰度和更容易测试命名。 请看这里了解更多 。

Interesting Posts