Jquery 如何在textarea中列出html名称

如何捕获id标记并写入p。我想在textarea输入中列出id名称

谢谢

HTML

样品

$（“textarea”）.keyup（函数（）{
var$content=$（$（''）.html（$.trim（this.value）），
ids=“”；
$content.find（“[id]”）。每个（函数（）{
ids+=“”+this.id；
});
$（“p”）.text（id.substring（0））；
}).keyup（）；

$（“textarea”）.keyup（函数（）{
var$content=$（$（''）.html（$.trim（this.value）），
ids=“”；
$content.find（“[id]”）。每个（函数（）{
ids+=“”+this.id；
});
$（“p”）.text（id.substring（0））；
}).keyup（）；

这是一种方法：

$（“textarea”）.keyup（函数（）{
var值=$（this.val（）；
$（'body'）。追加（“”+value+“”）；
var listOfId=“”；
$（'*'，$（'#搜索'））。每个（函数（）{
var currentId=$（this.attr（'id'）；
如果（当前ID！=“”）{
listOfId=listOfId+currentId+“”；
}
});
$（“#搜索”）.remove（）；
$（“p”）。文本（列表ID）；
}).keyup（）；

这是一种方法：

$（“textarea”）.keyup（函数（）{
var值=$（this.val（）；
$（'body'）。追加（“”+value+“”）；
var listOfId=“”；
$（'*'，$（'#搜索'））。每个（函数（）{
var currentId=$（this.attr（'id'）；
如果（当前ID！=“”）{
listOfId=listOfId+currentId+“”；
}
});
$（“#搜索”）.remove（）；
$（“p”）。文本（列表ID）；
}).keyup（）；

如果您不想将文本从textarea解析为HTML（如@所示），可以尝试使用正则表达式：

$("textarea").keyup(function () {
     var value = $(this).val();
     val = '';

     matches = value.match(/id="[^"]*/g);

     for (i in matches) {
         val += matches[i].substr(4) + ' ';
     }

     $("p").text(val);
}).keyup();

---

如果您不想将文本从textarea解析为HTML（如@1所示），可以尝试使用正则表达式：

$("textarea").keyup(function () {
     var value = $(this).val();
     val = '';

     matches = value.match(/id="[^"]*/g);

     for (i in matches) {
         val += matches[i].substr(4) + ' ';
     }

     $("p").text(val);
}).keyup();

---

那么你想要什么：textid或hello+world？？？我想要看“hello world”那么你想要什么：textid或hello+world？？？我想要看“hello world”谢谢。太完美了：）谢谢。这是完美的：）这两种方法都有优点和缺点。一些缺点：当使用正则表达式时，您可以匹配任何包含

id=“

的文本；当使用DOM对象时，您必须确保您拥有有效的HTML。这两种方法都有优缺点。一些缺点：当使用正则表达式时，您可以匹配任何包含

id=”的文本

在使用DOM对象时，必须确保使用了有效的HTML。

$("textarea").keyup(function () {
    var $content = $($('<div/>').html($.trim(this.value))),
        ids = "";
    $content.find('[id]').each(function(){
        ids += " "+ this.id;
    });

    $("p").text(ids.substring(0));
}).keyup();

$("textarea").keyup(function () {
    var value = $(this).val();
    $('body').append('<div id="search">'+value+'</div>');
    var listOfId = "";
    $('*', $('#search')).each(function() {
        var currentId = $(this).attr('id');
        if (currentId != "") {
           listOfId = listOfId + currentId + ' ';
        }
    });
    $('#search').remove();
    $("p").text(listOfId);
}).keyup();

$("textarea").keyup(function () {
     var value = $(this).val();
     val = '';

     matches = value.match(/id="[^"]*/g);

     for (i in matches) {
         val += matches[i].substr(4) + ' ';
     }

     $("p").text(val);
}).keyup();