Remplacer / manipuler un élément dans une chaîne html en utilisant jquery

J'ai une chaîne html (pas DOM), que je tiens à les manipuler à l'aide de jquery. Pourquoi n'est-ce pas le travail:

var html = '<div><h4><a class="preview-target" href="content.html">Headline</a></h4></div>';
console.log(html);

var elem = $('h4', $(html));
//replace "Headline" with "whatever" => Doesn't work
elem.replaceWith("whatever");

console.log(html);

J'ai un jsfiddle ici pour les tests.

Le code ci-dessus est juste un exemple simplifié. Le réel html est beaucoup plus complexe, qui est, j'ai vraiment besoin de s'appuyer sur jQuery pour manipuler le code html de la chaîne.

source d'informationauteur nachtigall

  1. 34

    Lorsque vous modifiez l'objet jQuery, il ne changera pas la valeur dans la chaîne de caractères littérale.

    Vous pouvez utiliser 

    var html = '<div><h4><a class="preview-target" href="content.html">Headline</a></h4></div>';
console.log(html);

var $html = $('<div />',{html:html});
//replace "Headline" with "whatever" => Doesn't work
$html.find('a').html("whatever");

console.log($html.html());

    Démo: Violon

  2. 5

    Vous pouvez trouver le h4 puis d'appeler le remplaceavec méthode.

    var html = $('<div><h4><a class="preview-target" href="content.html">Headline</a></h4></div>');

console.log(html.html());
html.find('h4').replaceWith('whatever')
console.log(html.html());

    Jsfiddle

  3. 1
    var html = '<div><h4><a class="preview-target" href="content.html">Headline</a></h4></div>';
var replaced=html.replace("Headline","whatever");
console.log(replaced);

    Essayer cette