jqueryのは - テキストエリア

Question

にコンテンツをコピーする方法を、私は、ユーザーが、私が各応答（クラス「quoteMsg」）にボタンを追加したいと思います回答

を追加することができますテキストエリアのフォームを持っています。それをクリックすると、返信内容をコピーしますテキストエリア（名前=「MSGTEXT」）に+作家名+日付（SPANタグ内）（クラス=「ReplyMsgと」を持っている）+コンテンツ

の前と後に「$」メモを追加ここで

は、HTMLの例です：

<script>  
$('.quoteMsg').click(function() 
{ 
    var msgContent = parents("article").find(".replyMsg").val(); 
    //alert(msgContent); 

}) 
</script> 

：

<form method="post" action='index.php' id="submitReply"> 
    <p><textarea name="msgText"></textarea> <span></span></p> 
</form> 

<section class="replyBox"> 
     <article class="left"> 
      <header> 
       <h2>Re: Voucher Release Prblm - Comm</h2> 
       <span>By esther <strong>&raquo;</strong> 21-10-2014 12:06</span> 
       <a href="#" class='quoteMsg'>Quote</a> 
      </header> 

      <div class="replyMsg"> 
       If will happen again, I will open a new track<br /> 
      </div> 
     </article> 
</section> 

<section class="replyBox"> 
    <article class="left"> 
     <header> 
      <h2>Re: Voucher Release Prblm - Comm</h2> 
      <span>By esther <strong>&raquo;</strong> 23-07-2014 11:19</span> 
      <a href="#" class='quoteMsg'>Quote</a> 
     </header> 

     <div class="replyMsg"> 
      OK, thanks 
     </div> 
</section> 

は、私はこのような何かをすべきか？もしそうなら、 - 私はどのようにテキストエリアの中に入れますか？

Answer 1

次のような要素を見つけるために、jQueryのclosest()属性を使用することができます。

$(document).on('ready', function() { 
 
\t $('.quoteMsg').click(function() { 
 
\t \t var txt = $(this).closest('.replyBox').find('.replyMsg').text(); 
 
\t \t $("textarea[name='msgText']").val($.trim(txt)); 
 
\t }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form method="post" action='index.php' id="submitReply"> 
 
    <p><textarea class="msgText" name="msgText"></textarea> <span></span></p> 
 
</form> 
 

 
<section class="replyBox"> 
 
     <article class="left"> 
 
      <header> 
 
       <h2>Re: Voucher Release Prblm - Comm</h2> 
 
       <span>By esther <strong>&raquo;</strong> 21-10-2014 12:06</span> 
 
       <a href="#" class='quoteMsg'>Quote</a> 
 
      </header> 
 

 
      <div class="replyMsg"> 
 
       If will happen again, I will open a new track<br /> 
 
      </div> 
 
     </article> 
 
</section> 
 

 
<section class="replyBox"> 
 
    <article class="left"> 
 
     <header> 
 
      <h2>Re: Voucher Release Prblm - Comm</h2> 
 
      <span>By esther <strong>&raquo;</strong> 23-07-2014 11:19</span> 
 
      <a href="#" class='quoteMsg'>Quote</a> 
 
     </header> 
 

 
     <div class="replyMsg"> 
 
      OK, thanks 
 
     </div> 
 
    </article> 
 
</section>

は、この情報がお役に立てば幸い！

Answer 2

簡単な方法

$('.quoteMsg').click(function() 
{ 
    var msgContent = $(this).closest("article").find(".replyMsg").text(); 
    console.log(msgContent); 
});