1

HTML を含むテキストエリアがあります (理由は聞かないでください! :))

HTML は次のようになります。

<div class="text-tag">some gibberish 1</div> 
<div class="text-tag">some gibberish 2</div> 
<div class="text-tag">some gibberish 3</div>

つまり、意味不明な1、意味不明な2、意味不明な3などの値を取得するにはどうすればよいですか?

編集：

私のHTMLは次のようになります。

<textarea>
    <div class="text-tag">some gibberish 1</div> <div class="text-tag">some gibberish 2</div>  <div class="text-tag">some gibberish 3</div>
</textarea>

この html はユーザーが入力したもので、ユーザーがテキストエリアに入力した HTML を解析する必要があります。

4

2 に答える 2

8 
var alltext = [];

$('div.text-tag').each(function() {
  alltext.push($(this).text());
});

console.log(alltext.join(', ')); // output: some gibberish 1, some gibberish 2, some gibberish 3

また

​var alltext = $('div.text-tag').text();
console.log(alltext); // output: some gibberish 1some gibberish 2some gibberish 3

また

var alltext = [];
$('div.text-tag').text(function(index, text) {
   alltext.push(text);
});
console.log(alltext.join(', '))​​; // output: some gibberish 1, some gibberish 2, some gibberish 3

あなたの編集によると：

var content = $($.trim($('textarea').val())),
    alltext = [];
$(content).each(function() {
  if(this.nodeType != 3)
      alltext.push($(this).text());
});
console.log(alltext.join(', '));

サンプル ワークアウト 1

別のサンプル:

var textarea = $("textarea").val(),
    alltext = [];
$(textarea).filter(function(index, item) {
   if($(item).hasClass('text-tag'))
       alltext.push($(item).text());
})
console.log(alltext.join(', '));

サンプル ワークアウト 2

</p>

于 2012-05-27T08:02:59.680 に答える
0

何が良いのかわかりませんが、タスクには次のコードを使用します。

var values = [];
$(​$(​"textarea").val()​​​​​​).filter(".text-tag").each(function() {
    values.push(this.innerHTML);
});​​​​​​​
console.log(values);

デモ: http://jsfiddle.net/XWp4b/

于 2012-05-27T09:06:26.213 に答える