Question

所以我的代码中有这个动态HTML。

  $('#chat-box').html(
                            '<div id="chat-box-msg" style="height:225px;overflow:auto;">' +
                            '<p id="hidepara">Have a question? Let\'s chat!</p><p>Enter your Name & Question in the field\'s below and press ENTER.</p>' +
                            '<p style="margin-top:10px;">Enter Your Name</p><input type="text" id="chat-box-name" style="border:1px solid #0354cb;border-radius: 3px;width: 100%;height:30px;" class="chat-editing" /></div>' +
                            '<div id="chat-box-input"><textarea id="chat-box-textinput" style="width:100%;height:45px;border:1px solid #0354cb;border-radius: 3px;" /></div>'
                        );

这是id做什么来获取文本

var todos = $('#chat-box-msg').text();

我想知道如何获取所有身份"chat-box-msg"的html并隐藏ID为"hidepara"的段落的文字。所以简而言之，我想要除了id "hidepara"，

之外的所有div的html

不要太苛刻，我 newbie 。

非常感谢

Answer 1

尝试排除您想要的元素，并从过滤后的集合中调用.text()函数，

var text = $('#chat-box-msg').children(':not("#hidepara")').text();

DEMO

Answer 2

尝试这样的事情

var todos = $('#chat-box-msg').clone().find('#hidepara').remove().end().text();

Answer 3

您可以使用.hide（）隐藏它：

$('#hidepara').hide();

Answer 4

只需按ID隐藏元素

$("#hidepara").hide();

Answer 5

尝试

使用.filter()过滤所选元素

var filterData = $("#chat-box-msg").children().filter(function (i, element) {
   return element.id != "hidepara";
});

使用Jquery隐藏一些文本

5 个答案:

DEMO