带有 <html-tag> 的 Jquery 选择器

标签 jquery jquery-selectors tags

我在我正在查看的示例中看到了一些带有 html 标签选择器的 jquery 代码。

什么是

var variable = '';    
$('<div />').text(variable).html()

是什么意思?我的意思是,我对 <div /> 很好奇部分作为选择器。 谁能解释一下吗?

编辑:HTML 页面内没有 和 div。

编辑2:完整代码是

<ul id="discussion"></ul>

<script type="text/javascript">
        var encodedName = $('<div />').text(name).html();
        var encodedMsg = $('<div />').text(message).html();

        $('#discussion').append('<li><strong>' + encodedName
            + '</strong>:' + encodedMsg + '</li>');
</script>

当我渲染页面时,我只看到 ul 标签内的 li 标签。没有div。这就是我的困惑。是<div />用于任何 html 标签吗?我的意思是,我将其更改为 <a /><p />而且效果还是一样。

很抱歉第一次没有把问题写得更清楚。

最佳答案

它创建一个 div 元素,但不将其添加到 DOM。由于它没有存储到变量中,因此该脚本毫无用处。 .text(variable).html() 部分也没有意义:它将 div 的内容设置为空字符串,然后返回 div 的内容。

关于带有 <html-tag> 的 Jquery 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19769173/

相关文章:

javascript - 使用变量指定 jquery 选择器

audio - 如何在网页上嵌入音乐并使其在执行或单击时自动播放?

Django 。在引号内使用 url 标签,在引号内

jquery Accordion - 滚动到 li 标题

jquery - 用户在表单中输入信息,然后在同一页面显示表单信息

javascript - 添加变量名称而不是其值,javascript

jQuery UI - 如何知道拖动的元素是否位于元素 #x 的顶部?

javascript - 使用 JQuery 选择第二个前一个元素

jQuery - 使用 parent ID 按类(class)选择 child

python - 使用 BeautifulSoup 的不同 XML 元素名称列表