jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何使用Jquery/Javascript从嵌套HTML标记获取值大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的网站上使用外部银行贷款计算器,在输入特定金额后,它会自动计算贷款条件. @H_616_5@ @H_616_5@现在,出于显示原因,我需要从生成的值中提取一些数据.我想我可以用Jquery做到这一点,但我不确定为什么.

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

@H_616_5@
<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>
@H_616_5@我需要的是< dd> -tag中的数据(纯文本)

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

解决方法

是的,你可以使用jquery函数each()来解析每个< dl>元素,然后找到< dd>每个元素内部的元素并获取相关文本,如下所示: @H_616_5@ @H_616_5@
$('.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>
@H_616_5@希望这可以帮助.

大佬总结

以上是大佬教程为你收集整理的如何使用Jquery/Javascript从嵌套HTML标记获取值全部内容,希望文章能够帮你解决如何使用Jquery/Javascript从嵌套HTML标记获取值所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。