JQuery:如何将文本区域的内容选择为html字符串并从中提取文本
JQuery: How to select content of textarea as html string & extract text from it?
(Failling JSfiddle on bottom)
给定JS这样:
// Fill the textarea for testing!
$("#input").val("hello <b>2</b> and <b>3</b>");
// Get the textarea, convert to html string, find b elements, get text content:
$("#input").keyup(function () {
$('#output').html($("#input").val()).find("b").text();
}).keyup();
给定这样的 HTML :
<!-- INPUT: -->
<fieldset>
<textarea id="input"></textarea>
</fieldset>
<!-- OUTPUT: -->
<b>List of text in b balises is:</b>
<div id="output">
Here should be the list of n strings in b n balises (aka: ["2", "3"])
</div>
如何获取 b 元素中的 n 个字符串列表?
这目前不起作用,请参阅 JSfiddle。用JSfiddle欣赏回答。
您可以获取文本,将其作为HTML放入隐藏元素中,这会将其转换为DOM对象,然后您可以导航到该元素并提取其内容。
// Fill the textarea for testing!
$("#input").val("hello <b>2</b> and <b>3</b>");
// Get the textarea, convert to html string, find b elements, get text content:
$("#input").keyup(function () {
var $el = $('<div>'+$("#input").val()+'</div>');
var result = '';
$.each($el.find('b'),function(){
result += $(this).text()+' ';
});
$('#output').html(result);
}).keyup();
答案:
// Fill the textarea for testing!
$("#input").val("hello <b>2</b> and <b>3</b>");
// Get the textarea, convert to html string, find b elements, get text content:
$("#input").keyup(function () {
$('#output').html($('#input').val());
var list = $('#output').find("b");
$('#output').html(""); //clean up
list.each(function( i ) {
$("#output").append( "Element "+i+":" + $( this ).text() +"<br />");
});
}).keyup();
小提琴:http://jsfiddle.net/6hCwZ/18/
相关文章:
- 如何将字符串拆分为字符,但在javascript中保留空格
- 如何显示字符串中最多 200 个字符
- 我想在Javascript中探索类似C语言的字符串的整个字符
- 如何用jquery替换字符串中可能变化的字符
- 通过跳过拆分字符在 javascript 中拆分字符串
- 使用正则表达式匹配长度为六个字符的字母数字字符串
- 字符串替换-不支持格式字符'}'
- 到UpperCase字符串Javascript中的特定字符索引
- 用类javascript包装span标记中字符串中的字符索引
- 将字符串分组为n个字符的块,并应用替换
- 如何检查一个字符串的所有字符是否都存在于另一个字符串中
- 如何从键Code;中获取字符串/字符值;
- 检查值是否包含字符串字符
- JavaScript字符串字符操作
- 如果数组中的字符串不匹配,请从字符串中删除字符串字符
- Javascript Lingo游戏-字符串字符等于另一个字符串字符
- jQuery替换字符串字符的方法
- Javascript字符串字符检查
- Javascript替换字符串字符
- Javascript的变化与重复(组合)缺失的字符串字符