Friday, April 6, 2012

change html text from link with jquery


a simple question here



Is there a way to change the text "click here"




<a id="a_tbnotesverbergen" href="#nothing">click here</a>



in this link



Richard


Source: Tips4all

3 comments:

  1. You have to use the jquery's text() function. What it does is:


    Get the combined text contents of all
    matched elements.

    The result is a
    string that contains the combined text
    contents of all matched elements. This
    method works on both HTML and XML
    documents. Cannot be used on input
    elements. For input field text use the
    val attribute.


    For example:


    Find the text in the first paragraph
    (stripping out the html), then set the
    html of the last paragraph to show it
    is just text (the bold is gone).

    var str = $("p:first").text();
    $("p:last").html(str);


    Test Paragraph.

    Test Paragraph.


    With your markup you have to do:

    $('a#a_tbnotesverbergen').text('new text');


    and it will result in

    <a id="a_tbnotesverbergen" href="#nothing">new text</a>

    ReplyDelete
  2. The method you are looking for is jQuery's .text() and you can used it in the following fashion:

    $('#a_tbnotesverbergen').text('text here');

    ReplyDelete
  3. $('#a_tbnotesverbergen').text('My New Link Text');


    OR

    $('#a_tbnotesverbergen').html('My New Link Text or HTML');

    ReplyDelete