Question

我想知道如何从具有相同类的不同HTML元素中获取价值？从它的上下文中取出这可能看起来很奇怪但是代码看起来像是这样的原因。

例如，HTML代码可能如下所示：

 $('.b').each(function () {
    alert('dfd');
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <textarea class="a b">Text1</textarea>
    <textarea class="a b">Text2</textarea>
    <textarea class="a b">Text3</textarea>
    
    <div class="b c">...</div>
    <div class="b c">...</div>
    <div class="b c">...</div>

警报将执行6次，因为使用类“b”总共有6个元素。我的问题是，是否可以仅提醒textareas中的值并跳过div？像“textarea .b”这样的直接路径。

Answer 1

尝试这个

$('.b')进入此$('textarea.b')

$('textarea.b').each(function () {
    alert('dfd');
    });

如果您使用此$('.b')，则表示所有class .b

如果您使用此$('textarea.b')表示所有textarea 与 class .b

Answer 2

事实上，选择器textarea.b（没有空格）应该可以正常工作！

Answer 3

将textarea添加到选择器

$('textarea.b').each(function () {
    alert('dfd');
    });

鉴于您的代码，您也可以使用此选择器：

$('.a.b').each(function () {
    alert('dfd');
    });

Answer 4

您可以按以下方式循环textarea.b并访问值：

$('textarea.b').each(function(index, txtArea){
        //accecc the contexted textarea either using $(this) or     
        //$(txtArea)
        var val = $(this).val();
        alert('textarea-'+index+': '+ val)
})

点击此处的小提琴链接：http://jsfiddle.net/9xmtv3pk/

从具有相同类的不同HTML元素中获取值

4 个答案: