-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-itemdiv 的文本放入其中?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

假设您打算将要移动到 textarea 中的文本包装在<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

也许你不使用<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 回答
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 回答