javascript - 如何在这种情况下进行多次工作

Question

Javascript

$(".show").change(function(){
    if ($(this).val() == "1") {    
        $(".text_area").show();
    }
    else {
        $(".text_area").hide();
    }
});

我想将此代码用于此类的所有元素，但是，当我选择“值 1”的选项时，该选项将对所有元素生效。请帮忙。谢谢。这是演示点击here

Answer 1

使用$(this).next():

$(".show").change(function () {
    if ($(this).val() == "1") {
        $(this).next(".text_area").show();
    } else {
        $(this).next(".text_area").hide();
    }
});

<小时/>

您必须使用关键字this。 $(this) 在选择器的上下文事件中工作。

由于您将类名作为选择器，因此您应该注意它返回一个集合。这意味着如果您有多个元素，那么它将引用所有元素，并且 this 引用应用于集合中当前选择器的事件。