How to set span value inside of anchor tag
Question
I have anchor tag in which some class bind dynamically on page load, I need to change the value of span tag inside anchor tag below is my code:
<a id="aView" km-button km-state-active" data-badge="0" href="#view" data- icon="globe" data-role="tab">
<span class="km-icon km-globe"></span>
<span class="km-badge">0</span>
<span class="km-text">view</span>
</a>
I need to change "km-badge" value using JavaScript or jQuery need help
2 answers
solution1
1 ACCPTED 2017-01-10 18:53:28
$("#aView .km-badge").text("blablabla");
2nd:
var el = $("#aView .km-badge"); // define variable that points to DOM object
el.removeClass("km-badge"); // remove class from object
el.text("blablabla"); // change attribute "text" of object
el.addClass("km-badge"); // add class to object
solution2
0 2017-01-10 18:58:51
with javascript you can do,
<body>
<script type="text/javascript">
document.getElementById("aView").innerHTML = "writetexthere";
</script>
</body>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Center align span inside anchor tag
Adding programmatically a span tag with an anchor inside innertext
How do I make a span element inside an anchor tag as a non anchor element?
How to disable an anchor (link) tag (convert to span)
How to use anchor tag to click on particular span
how to insert a span tag inside a button tag?
Getting an anchor value which is inside a li tag
Find specific value inside a span tag
Getting selected option value inside span tag
How to select everything inside a span tag, including the span tag itself?
Related Tags