I have an <li> which have a field named data-resultcount.I need to select the data-resultcount value and print in the span.My <li> is

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

and the <span> is

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

Thanks in advance for help

I have an <li> which have a field named data-resultcount.I need to select the data-resultcount value and print in the span.My <li> is

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

and the <span> is

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

Thanks in advance for help

• javascript
• jquery

7 Answers 7

Try this:

html:

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

js:

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

Hope this helps.

You can use .data() to fetch value from data-resultcount

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

or

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

Try

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

This will work :

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

Use prop()method for better result:

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

Try the following:

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

Fiddle Sample

Try this

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

Working Fiddle