我如何列出textarea的html名稱

如何捕捉id標籤並寫入頁面。我想列出id名稱到textarea輸入中。我如何列出textarea的html名稱

謝謝。

HTML

<textarea id="textid" class="textclass"> 
    <div id="hello"><span id="world"></span></div> 
</textarea> 
    <p></p>

$("textarea").keyup(function() { 
     var value = $(this).val(); 
     $("p").text(value); 
}).keyup();

樣品 http://jsfiddle.net/6YRyP/2/

來源

2013-07-31 mrsarac

所以，你想要什麼：textid或hello + world ??? –

我想看「hello world」 – mrsarac

如果你不想來解析從textarea的文本轉換爲HTML（如@roasted建議），你可以嘗試使用正則表達式：

$("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();

來源

2013-07-31 11:32:35

這是一個很好的解決方案！ +1 –

這兩種方法都有優點和缺點。一些缺點：當使用正則表達式時，你可以匹配任何包含'id =「的文本，並且在使用DOM對象時，你必須確保你有有效的HTML。 –

最後完成：http：// css-tr。 com/htmltocss/ 謝謝@Michal – mrsarac

DEMO

$("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();

來源

2013-07-31 11:20:07

謝謝。這是完美的:) – mrsarac

這一個娃y以做到這一點：http://jsfiddle.net/6YRyP/7/

$("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();

來源

2013-07-31 11:31:51

它的作品。謝謝。 – mrsarac

我如何列出textarea的html名稱

回答

相關問題