javascript - 如何使用Jquery/Javascript从嵌套HTML标记中获取值(value)

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

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

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

<section class="info">
  <div class="graph on">
    <div class="sums">
        <dl data-type="capital">
            <dt>
                <span class="percent">2%</span>
            </dt>
            <dd>100.000</dd>
        </dl>
        <dl data-type="bankloan">
            <dt>
                <span class="percent">18%</span>
            </dt>
            <dd>400.000</dd>
        </dl>
        <dl data-type="mortage">
            <dt>
                <span class="percent">80%</span>
            </dt>
            <dd>1.500.000</dd>
        </dl>
    </div>
 </div>
</section>

我需要的是<dd> -tag中的数据(纯文本)

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

最佳答案

是的，您可以使用jquery函数each()来解析每个<dl>元素，然后在其中每个元素中找到<dd>元素并获取相关文本，如下所示:

$('.sums').find('dl').each(function(){
    $('#sums_area').append('<h2>' + $(this).find('dd').text() + '</h2>');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<section class="info">
  <div class="graph on">
    <div class="sums">
        <dl data-type="capital">
            <dt>
                <span class="percent">2%</span>
            </dt>
            <dd>100.000</dd>
        </dl>
        <dl data-type="bankloan">
            <dt>
                <span class="percent">18%</span>
            </dt>
            <dd>400.000</dd>
        </dl>
        <dl data-type="mortage">
            <dt>
                <span class="percent">80%</span>
            </dt>
            <dd>1.500.000</dd>
        </dl>
    </div>
 </div>
</section>
<div id='sums_area'></div>

希望这可以帮助。

关于javascript - 如何使用Jquery/Javascript从嵌套HTML标记中获取值(value)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32618325/