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/

KaeruCTが提案したように使用できますjQuery.next()が、HTML構造が同じままであることに依存することになります

于 2012-10-25T04:05:24.653 に答える
0

使用できますjQuery.next()

ここを参照してください：http://jsfiddle.net/ZJx3k/2/

于 2012-10-25T03:58:29.280 に答える