Question

我有以下代码，基本上是：

<form>
 <p class="comment-form-comment"> <textarea id="comment" ></textarea> </p>
    <p class="form-submit" style="display: none;"><input id="submit" value="submit" type="submit"></input> </p>
</form>

我有以下javascript：

jQuery('form').on('click','p.comment-form-comment', function(){

jQuery("p.form-submit").css('display', 'block');

    });

表单是一个循环项目，我正在尝试选择属于单击的textarea的提交按钮，而不是所有按钮。我似乎无法绕过它，虽然看起来很容易。

我在这里设置了一个jsFiddle：http://jsfiddle.net/ZJx3k/1/

Answer 1

jQuery('form').on('focus', 'textarea', function() {
    // hide other submit buttons
    jQuery('.form-submit').hide();

    // show the right one
    jQuery(this).closest('form').find('.form-submit').css('display', 'block');
});

<强> http://jsfiddle.net/ZJx3k/6/

Answer 2

$('form p.comment-form-comment').click(function(){
    $(this).next('p.form-submit').show();
});

Answer 3

使用jQuery(this).find('p.form-submit')

示例：http://jsfiddle.net/ZJx3k/4/

你可以使用jQuery.next()作为KaeruCT建议，但是你会依赖你的HTML结构保持不变

Answer 4

您可以使用jQuery.next()

见这里：http://jsfiddle.net/ZJx3k/2/

麻烦找出要使用的jquery选择器

4 个答案: