Question

I have written this quick but of code:

var navTitle = $('#nav ul').html();
    var replacer = navTitle.replace('<li class="page_item page-item-73">
    <a href="xxx/">x training programme</a><ul class=\'children\'>', 
    '<li class="page_item page-item-73"><a href="xxx/">x training programme</a
    <ul id="longDropdown" class=\'children\'>');
    console.log(replacer);
    //$('#nav ul').html(replacer);

In the HTML it appears like this:

<li class="page_item page-item-73"><a href="xxx/">x training programme</a>
<ul class='children'>

I tried putting a \n after the in the search string however the string is not changing, I think it cannot find the src string.

Is the issue here the new line? I believe so however cannot target it.

Answer 1

jQuery offers the .replaceWith() and .replaceAll methods.

$('#nav ul .page_item.page-item-73 a').replaceWith('<a href="xxx/"x training programme</a>');

Maybe even changing the text content or inner HTML will do for you

$('#nav ul .page_item.page-item-73 a').text('x training programme');

respectively

$('#nav ul .page_item.page-item-73 a').html('x training programme');