javascript - 如何将文本从标签附加到其他元素

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在单击后将文本从标签附加到跨度。我在列表中有很多这样的字段集，我应该为指定的单击元素执行此操作。我还需要在 span 中一一附加这些值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);
    });
});​