javascript - 如何使用jquery修改没有div Id的内部HTML

Question

我有一个自动创建 html 和 js (rmarkdown) 的过程。

我想修改我的代码的内部html，从90到100。 我已经加载了jquery，所以我可以使用它。我的问题是，我想要修改的标签范围没有 id。我怎样才能做到这一点？

<div id="equities" class="section level3">
    <h3>Equities</h3>
    <div class="knitr-options" data-fig-width="576" data-fig-height="460">

    </div>
    <span class="value-output" data-icon="fa-pencil" data-color="#01bb69">90</span>
</div>

Answer 1

对于父#id、class 或attribute，您有多种方法可以做到这一点。在这种情况下，最快的方法是.class，最慢的是父#id。

您可以选择您认为更适合您的情况的选项:

$(document).ready(function() {
   $('.value-output').text('100');
   $('[data-icon="fa-pencil"]').text('100');
   $('#equities span').text('100');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="equities" class="section level3">
    <h3>Equities</h3>
    <div class="knitr-options" data-fig-width="576" data-fig-height="460">

    </div>
    <span class="value-output" data-icon="fa-pencil" data-color="#01bb69">90</span>
</div>