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

Share Improve this question Follow edited Dec 24, 2013 at 6:58 Dhaval Marthak 17.4k66 gold badges4848 silver badges6969 bronze badges asked Dec 24, 2013 at 6:57 ArunArun 1,4821212 gold badges3434 silver badges5959 bronze badges

Add a ment  | 

7 Answers 7

Sorted by: Reset to default 2

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