Question

我在页面中有各种表单实例。我想用textarea中的默认文本取消激活那些提交按钮。我的实际代码是：

// This works
$(".proposal-write-comment-submit").each(function(){
    var element = $(this).closest(".proposal-write-comment-textarea");

    var default_text = element.attr("data-default");
    var value_text   = element.val();

    if(default_text == value_text) {
        $(this).attr("disabled","disabled");    
    }
});

// This no
$(".proposal-write-comment-textarea").keypress(function(e){
    var default_text = $(this).attr("data-default");
    var value_text   = $(this).val();

    if(default_text == value_text) {
        $(this).closest(".proposal-write-comment-submit").attr("disabled","disabled");  
    } else {
        $(this).closest(".proposal-write-comment-submit").removeAttr("disabled");
    }
});

我的HTML代码：

<form class="proposal-write-comment" method="post" action="">
    <textarea class="proposal-write-comment-textarea" data-default="Write a comment...">Write a comment...</textarea>
    <input class="proposal-write-comment-submit" type="submit" value="Save" />
</form>

javascript的第二部分不起作用。我如何选择“textarea”旁边的提交按钮？

提前谢谢！

Answer 1

您可以尝试“siblings”选择器 -

if(default_text == value_text) {
        $(this).siblings(".proposal-write-comment-submit").attr("disabled","disabled");  
    } else {
        $(this).siblings(".proposal-write-comment-submit").removeAttr("disabled");
    }

Answer 2

closest查找DOM树，父母和祖先，而不是兄弟姐妹。由于input元素是textarea元素的兄弟，因此您需要查看兄弟姐妹。为此，您可以使用next，（假设input始终直接跟在textarea之后......如果没有，您可以使用nextAll或siblings使用适当的选择器）

$(this).next().removeAttr("disabled");

在实际textarea之后选择下一个提交并禁用它

2 个答案: