ansaurus

Question

How to change html part of a tag with jquery ?

Answer 1

+3 A:

This works just fine: $("span.icon").html('▼');

Josh Stodola 2009-10-20 17:17:37

Answer 2

+1 A:

Why not just hardcode the unicode literal?

$('<span>').text('▼').appendTo('body')

You have to make sure you're serving the js file as UTF-8 though.

Edit: .html() should also work fine..

$('<span>').html('&#9660;').appendTo('body')

Make sure the this reference is pointing to the correct object, you can do var foo = this; before switching function scope.

meder 2009-10-20 17:18:33

Answer 3

A:

What is this referring to? I think you might not be the span tag. Here's a working example.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
<html>
<head>
    <title>Test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;

    <script type="text/javascript">
    $(function() {
        $('span.icon').html('&#9660;');
    });
    </script>
</head>
<body>

<span class="icon">&#9658;</span>

</body>
</html>

Darin Dimitrov 2009-10-20 17:19:50

ansaurus

tags:

views:

answers:

How to change html part of a tag with jquery ?

related questions