如何在jQuery中选择并获取非空文本区域字段的值?

时间:2017-12-12 16:38:35

标签: javascript jquery html5

我有多个textareas。我想做什么来选择那些非空的textareas并使用jQuery获取文本值。但是不可能。样本如下:

<div class="item">
    <textarea class="col-sm-10 comment">TextArea1</textarea>
</div>
<div class="item">
    <textarea class="col-sm-10 comment">TextArea2</textarea>
</div>
<div class="item">
    <textarea class="col-sm-10 comment">TextArea3</textarea>
</div>
<div class="item">
    <textarea class="col-sm-10 comment"></textarea>
</div>
<div class="item">
    <textarea class="col-sm-10 comment"></textarea>
</div>

jQuery的:

$('.comment').filter(function(){
     var test = $.trim($(this).val());
     if(test.length==0){
        console.log(test);
     }
});

3 个答案:

答案 0 :(得分:1)

您可以在进行过滤,然后返回文本值。

var textAreas = $('.comment').filter(function(){
    var test = $.trim($(this).val());
    return test.length !== 0;
}).map(function(i, el) {
    return $(el).text();
});

答案 1 :(得分:0)

试试这个:

var TextValues = [];
$(".comment").each(function(){
    if($(this).val()){
        console.log($(this).val());
        TextValues.push($(this).val());
    }
});

答案 2 :(得分:0)

像这样?

$('.comment').each(function(){
     var test = $(this).val();
     if(test.length!=0){
        console.log(test);
     }
});

jsfiddle