使用jquery设置span的值

Question

我的<li>有一个名为data-resultcount的字段。我需要选择data-resultcount值并在span中打印。我<li>是

  <li id="totalCount" style="display:none" data-total="19" data-resultcount="19">totalCount</li>

而<span>是

<div class="resultCount">Results:
    <span></span>
</div>

提前感谢您的帮助

Answer 1

您可以使用.data()从data-resultcount

中获取值

$('.resultCount').find('span').text($('#totalCount').data('resultcount'))

或

$('.resultCount span').text($('#totalCount').data('resultcount'))

Answer 2

试试这个：

HTML：

<div class="resultCount">Results:
    <span id ="mySpan"></span>
</div>

JS：

document.getElementById("mySpan").innerHTML="Span text is changed";

希望这有帮助。

Answer 3

尝试

$('.resultCount span').text($('#totalCount').attr('data-resultcount'));

Answer 4

这将有效：

$('.resultCount span').text($('li#totalCount').attr('data-resultcount'));

Answer 5

尝试以下方法：

$(".resultCount").find('span:first').text($("#totalCount").attr('data-resultcount'))

Fiddle Sample

Answer 6

使用prop()方法获得更好的结果：

$('.resultCount span').text($('li#totalCount').prop('data-resultcount'));

Answer 7

试试这个

$(".resultCount").find('span').text($("#totalCount").attr('data-resultcount'))

Working Fiddle