在锚标记之前添加了文本

Question

I would like to add some text just before the anchor tag I click on. The following adds the text to the actual anchor tag itself:

$(document).ready(function(){
    $(".none_standard_links").live('click', function(event)
    {
        event.preventDefault();
        $(this).prepend("test");
    });
});

the above gives me html as shown below:

Before the link is clicked

<a href="#" class="none_standard_links">link one</a>

After the link is clicked

<a href="#" class="none_standard_links">testlink one</a>

What I want is this:

test<a href="#" class="none_standard_links">link one</a>

Answer 1

You can use before :

$(document).ready(function(){
    $(".none_standard_links").live('click', function(event)
    {
        $(this).before("test");
    });
});

Live example

Answer 2

Instead of prepend() use before()

So it would look like:

$(document).ready(function(){
    $(".none_standard_links").live('click', function(event)
    {
        event.preventDefault();
        $(this).before("test");
    });
});

Answer 3

Try using the before() function. Should be what you need

$(this).before("test");

http://api.jquery.com/before/

Answer 4

Try using .before :

$(this).before('something');

You can use .insertBefore , but it is slightly more verbose since you have to explicitly create a text node:

$(document.createTextNode("hello")).insertBefore("a");

Try them here.

Answer 5

尝试改用before（）

 $(this).before("test");

Answer 6

使用$.before ：

$(this).before("test");