0

我有以下代码,基本上:

<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');

    });​

该表单是一个循环项目,我正在尝试选择属于单击的文本区域的提交按钮,而不是所有按钮。我似乎无法绕开它,尽管它似乎很容易。

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

4

4 回答 4

2
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/

于 2012-10-25T04:00:39.213 回答
2
$('form p.comment-form-comment').click(function(){
    $(this).next('p.form-submit').show();
});​
于 2012-10-25T04:05:54.973 回答
1

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

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

您可以jQuery.next()按照 KaeruCT 的建议使用,但是您将依赖于您的 HTML 结构保持不变

于 2012-10-25T04:05:24.653 回答
0

您可以使用jQuery.next()

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

于 2012-10-25T03:58:29.280 回答