Créer un élément DOM avec jQuery

J’ai une fonction

$(document).ready(function () { $("#btnhighlight").click(function () { var htext = $("#txthighlighttext").val(); $("#lstCodelist option").each(function () { var sp = $(this).text(); var sp1 = sp.split(' '); $.each(sp1, function (i, l) { if (l == htext) { var boldText = "" + htext + "
"; $(document).append(boldText); } }); }); }); });

J’ai mis à jour le code mais pas de chance. Ici, dans ce code, je dois créer un élément DOM auquel appliquer la couleur jaune.

s’il vous plaît, n’importe quel organisme peut-il m’aider à créer un élément dom.

Merci

Je n’ai pas compris où se trouve l dans votre code actuel. Quoi qu’il en soit, vous pouvez créer un élément DOM avec jQuery comme ceci: var myel = $('

') . Ensuite, vous pouvez append myel où vous voulez dans le DOM en utilisant une fonction comme .appendTo() , .after() , etc.

MODIFIER

Vous semblez essayer de mettre en évidence certains mots dans un élément . Je doute que cela fonctionne sur tous les navigateurs, car les éléments de formulaire sont un peu délicats en matière de CSS. Vous pouvez essayer quelque chose comme ceci (non testé):

 $(document).ready(function () { $("#btnhighlight").click(function () { var htext = $("#txthighlighttext").val(); $("#lstCodelist option").each(function () { var sp = $(this).text(); var re = new RegExp("\\b" + htext + "\\b") sp = sp.replace(re, '$1', "gi"); $(this).html(sp); }); }); });

Vous avez également besoin de CSS sur votre page, définissant le style pour .highlighted

MISE A JOUR APRES LE CHAT

Quelque chose fonctionne avec un

au lieu de , pour éliminer le problème du style des éléments de formulaire:

http://jsfiddle.net/GTydh/3/

Le js mis à jour (si fiddle est supprimé):

 $(document).ready(function () { $("#btnhighlight").click(function () { var htext = $("#txthighlighttext").val(); //$("#lstCodelist option").each(function () { $("p").each(function () { var sp = $(this).text(); var re = new RegExp("\\b(" + htext + ")\\b") var sOpen = ""; var sClose = ""; var newhtml = sp.replace(re, sOpen + "$1" + sClose, "gi"); $(this).html(newhtml); }); }); });

Quelque chose comme ça?

 $(document).append($('
').css('color', 'yellow'));

Cela appenda une nouvelle div de couleur jaune au document. Si vous avez besoin de l’append à un élément spécifique, utilisez simplement $('#myselector') au lieu de $(document)

C’est assez simple

 var newEl = $('
'); $('THE_ELEMENT_YOU_WANT_TO_APPEND_OR_ADD').append(newEl);