更新时间:2023-02-19 16:25:14
是的,您可以使用jquery函数each()
进行操作,该函数将解析每个<dl>
元素,然后在其中的每个元素中找到<dd>
元素并获取相关文本,如下所示:
Yes you can do it using jquery function each()
that will parse every <dl>
element, and after that find the <dd>
element inside each of them and get the related text, like following :
$('.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>
希望这会有所帮助.