如何将标签中的文本附加到其他元素

Question

我有这个标记：

<span class="top_ticker_middle"></span>
<div class="pc_elements">
  <fieldset class="checkable">
    <span class="as_cp_checkbox"></span>
    <input type="hidden" name="pc_element_01" id="pc_element_01" value="yes">
    <label for="pc_element_01">Some text</label>
  </fieldset>
</div>

现在：我需要在点击后将标签中的文字附加到top_ticker_middle。我在列表中有很多这样的字段集，我应该为指定的单击元素执行此操作。此外，我需要在范围top_ticker_middle中逐个附加此值。所以我这样做：

$('.pc_elements fieldset').live('click',function(){
    var text_label = $(this).children('label').text();
    $('.top_ticker_middle').empty().append(text_label);
});

有些事情是错误的，没有用，你能帮帮我吗？

Answer 1

替换：

var text_label = $(this).children('label').text();
$('.top_ticker_middle').empty().append(text_label);

使用：

var text_label = $(this).find('label').text();
$('.top_ticker_middle').html($('.top_ticker_middle').html() + text_label);

我遇到了同样的问题！ ：）

原始小提琴：http://jsfiddle.net/bAZnT/（实际上这有效！）

Answer 2

我建议通过dom树结构找到跨度：

$('.pc_elements fieldset').live('click',function(){
    var text_label = $(this).children('label').text();
    $(this).parent().find('.top_ticker_middle').empty().append(text_label);
});

Answer 3

$(document).ready(function(){
    $('.pc_elements fieldset').live('click',function(){
        var text_label = $(this).children('label').text();
        $(this).parent().prev('.top_ticker_middle').empty().append(text_label);
    });
});​