-1

次のようなテキスト領域があるとします。

<textarea id="comment_mc" name="comment" class="comment" rows="4" cols="30"></textarea>

そして、このようなdiv：

<div class="fees-item fees-item-odd">
訂婚,歸寧或補請午宴,晚宴<br />
妝前保養<br />
造型改變2套&lt;br />
上水粉,協助nu bra穿著<br />
宴客補妝<br />
媽媽妝1 親友淡妝1(不含髮型)<br />
新郎淡妝(含髮型)</p>
<h4>16000NTD</h4>
<a class="fees-purchase" href="">Purchase</a>
</div>
<div class="fees-item fees-item-even">
結婚全程(三套造型)<br />
妝前保養<br />
迎娶造型<br />
進場造型2套&lt;br />
上水粉協助NU Bra穿著<br />
宴客補妝<br />
媽媽妝1 (不含髮型)<br />
新郎淡妝(含髮型) </p>
<h4>18000NTD</h4>
<a class="fees-purchase" href="">Purchase</a>
</div>

ユーザーがリンクをクリックし.fees-itemたときに divのテキストを挿入する方法はありますか?textareafees-purchase

4

4 に答える 4

3

以下のスニペットを使用してみてください。

$('.fees-purchase').click(function(e) {
    e.preventDefault();
    $('textarea').html($(this).parent('.fees-item').text().replace($(this).html(),''));
});

デモはJSFIDDLE.NETにあります。

于 2013-10-02T03:37:30.983 に答える
1

<p>マークアップが正しくないのではなく、テキストエリアに移動したいテキストをタグで囲むつもりであると仮定します

$('.fees-purchase').click(function(e){
    e.preventDefault();
    $('#comment_mc').val($(this).siblings('p').text());
})

マークアップは次のようになります。

<div class="fees-item fees-item-odd">
<p>
訂婚,歸寧或補請午宴,晚宴<br />
妝前保養<br />
造型改變2套&lt;br />
上水粉,協助nu bra穿著<br />
宴客補妝<br />
媽媽妝1 親友淡妝1(不含髮型)<br />
新郎淡妝(含髮型)</p>
<h4>16000NTD</h4>
<a class="fees-purchase" href="">Purchase</a>
</div>
<div class="fees-item fees-item-even">
<p>
結婚全程(三套造型)<br />
妝前保養<br />
迎娶造型<br />
進場造型2套&lt;br />
上水粉協助NU Bra穿著<br />
宴客補妝<br />
媽媽妝1 (不含髮型)<br />
新郎淡妝(含髮型) </p>
<h4>18000NTD</h4>
<a class="fees-purchase" href="">Purchase</a>
</div>
于 2013-10-02T03:32:10.283 に答える
1

試す

$(function () {
    $('.fees-item').on('click', '.fees-purchase', function (event) {
        event.preventDefault();
        //console.log($(this).closest('div').text())
        $('#comment_mc').val($(this).closest('div').find('p').text());
    });
});

http://jsfiddle.net/tamilcselvan/xGpZf/1/のデモを参照してください。

于 2013-10-02T03:38:39.110 に答える
1

多分あなたは使用しない<br>が、あなたは使用することができます<p>

<head>
    <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
    <script>
        $("document").ready(function(){
            p = $('.fees-item').find('p');

            $('.fees-purchase').click(function(){
                $('textarea').text(p);    
            });

        });
    </script>
</head>
<body>
    <textarea class="comment_mc"></textarea>
    <div class="fees-item">
        <p>1</p>
        <p>1</p>
        <p>1</p>
    </div>
    <a href="" class="fees-purchase">Purchase</a>
</body>

于 2013-10-02T03:47:53.847 に答える