Javascript 使用jQuery创建DOM元素

我有一个函数

       $(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 = "<div style=\"background-color: yellow; display: inline; font-weight: bold;\">" + htext + "</div>";
                        $(document).append(boldText);
                    }
                });
            });
        });
    });

$（文档）.ready（函数（）{
$（“#btnhighlight”）。单击（函数（）{
var htext=$（“#txthighlighttext”）.val（）；
$（“#lstCodelist选项”）。每个（函数（）{
var sp=$（this.text（）；
变量sp1=sp.split（“”）；
$。每个（sp1，函数（i，l）{
if（l==htext）{
var boldText=“+htext+”；
$（文档）。追加（粗体文本）；
}
});
});
});
});

我更新了代码，但运气不好。 在这段代码中，我需要创建一个l，它有一个DOM元素来应用黄色

请任何人都能帮助我创建dom元素

---

谢谢

我不明白

l

在您当前的代码中的位置。无论如何，您可以使用jQuery创建一个DOM元素，如下所示：

var myel=$（“”）

。然后，您可以使用类似于

.appendTo（）

、

.after（）

等函数将

myel

附加到DOM中的任何位置

编辑

您似乎试图突出显示

元素中的某些单词。我怀疑这是否适用于所有浏览器，因为涉及CSS时表单元素有点棘手。您可以尝试以下方法（未经测试）：

---

我不明白您当前代码中的does

l

在哪里。无论如何，您可以使用jQuery创建一个DOM元素，如下所示：

var myel=$（“”）

。然后，您可以使用类似于

.appendTo（）

、

.after（）

等函数将

myel

附加到DOM中的任何位置

编辑

您似乎试图突出显示

元素中的某些单词。我怀疑这是否适用于所有浏览器，因为涉及CSS时表单元素有点棘手。您可以尝试以下方法（未经测试）：

像这样的

$(document).append($('<div />').css('color', 'yellow'));

$（文档）.append（$（''）.css（'color'，'yellow'）；

这将在文档中附加一个黄色的新div。如果需要将其添加到特定元素，只需使用

$（“#myselector”）

而不是

$（文档）

类似的内容

$(document).append($('<div />').css('color', 'yellow'));

$（文档）.append（$（''）.css（'color'，'yellow'）；

这将在文档中附加一个黄色的新div。如果需要将其添加到特定元素中，只需使用

$（“#myselector”）

而不是

$（文档）

它非常简单

var newEl = $('<div THE_ATTRIBUTES_YOU_WANT></div>');
$('THE_ELEMENT_YOU_WANT_TO_APPEND_OR_ADD').append(newEl);

var newEl=$（''）；
$（“您希望添加的元素”）；

这很简单

var newEl = $('<div THE_ATTRIBUTES_YOU_WANT></div>');
$('THE_ELEMENT_YOU_WANT_TO_APPEND_OR_ADD').append(newEl);

var newEl=$（''）；
$（“您希望添加的元素”）；

sp1是just var，我只是拆分sp的值。我得到了一些字符串，例如：“我爱jquery”sp1是I，love，jquery。你不能将css应用于单个单词……你试图突出显示一些单词，但简单文本不能有css样式。您必须在每个单词周围放置一个

，这可能会有所帮助。sp1是just var，我只是拆分sp的值。我得到一些字符串，例如：“我爱jquery”sp1是I，love，jquery。您不能将css应用于单个单词……您试图突出显示一些单词，但简单文本不能有css样式。您必须在每个单词周围放置一个

，这可能会有所帮助；是的，但是它们

l

是

sp

数组中的一个单词，对吗？你必须把这个词包装成一个空格或者别的什么东西，这样你才能应用css。请你更新我的代码bfavaretto。我有点困惑。用不同的解决方案更新了我的答案。我的正则表达式有一个转义问题，你能再试一次吗。另外，您了解我的解决方案是如何工作的吗？请尝试理解我建议的方法，这基本上是一个字符串替换。感谢bfavaretto，在这里的每个循环中，我得到l$.each（sp1，函数（I，l）{if（l==htext）{$（l）.css（'color'，'yellow'）；}）；是的，但是它们

l

是

sp

数组中的一个单词，对吗？你必须把这个词包装成一个空格或者别的什么东西，这样你才能应用css。请你更新我的代码bfavaretto。我有点困惑。用不同的解决方案更新了我的答案。我的正则表达式有一个转义问题，你能再试一次吗。另外，您了解我的解决方案是如何工作的吗？请试着理解我建议的方法，这基本上是一个字符串替换。或者只是在我的=）之前添加像post这样的属性，我也可以附加单独的工作，对吗？就像在我的代码中一样，我需要附加l。如果需要，可以附加或预先附加很多元素。我的英语有点不好解释一下=）我会给你留下帮助我的链接=）他们的文档很棒。或者只是在我之前添加一些属性=）我也可以附加个人作品，对吗？就像在我的代码中一样，我需要附加l。如果需要，可以附加或预先附加很多元素。我的英语有点不好，试着解释一下=）我会给你留下帮助我的链接=）他们的文档很棒。