如何使用Jquery / Javascript从嵌套的HTML标记中获取值
我在我的网站上使用外部银行贷款计算器,在输入特定金额后,它会自动计算贷款条件。
现在,出于显示原因,我需要从生成的值中提取一些数据。 我想我可以用Jquery做到这一点,但我不确定为什么。
这是计算器插件生成的HTMl:
- 2%
- 100.000
- 18%
- 400.000
- 80%
- 1.500.000
我需要的是
有没有人有建议如何实现这一目标?
是的,您可以使用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
可能都是漏洞。
使用命名函数,与匿名函数相反是一个非常好的主意。 它可以重复使用,以更好的代码清晰度和更容易测试命名。 请看这里了解更多 。