JQuery Selector从div复制文本并在span中放置

时间:2010-06-20 16:36:32

标签: jquery html jquery-selectors

我需要一些JQuery选择器帮助......

我的HTML

<div id="Manager"><span>LastName, FirstName (UK)</span></div>

<span id=ctl00_PlaceHolderMain_g_4118aa1d_2690_4da8_b2b2_dc1943e73968_LineManager/>

我需要从div Manager中选择文本并将其复制到包含文本LineManager的范围中。

我有跨度的选择器,其中包含文本'LineManager'

$("span[id*='LineManager']")

谢谢,

5 个答案:

答案 0 :(得分:2)

  

我需要从div中选择文本   经理并将其复制到跨度中   其中包含文本LineManager。

这应该这样做:

$("span[id*='LineManager']").text($('#Manager').text());

答案 1 :(得分:0)

怎么样:

$("span[id*='LineManager']").html = $('#Manager span').html

编辑:哎呀,应该是

$("span[id*='LineManager']").html($('#Manager span').html)

正如其他人所指出的那样。

答案 2 :(得分:0)

var span_text = $("div#Manager span");
$("span[id*='LineManager']").text(span_text);

我建议如果可能的话,在具有非常长的id的span元素中添加一个非动态类(为了提高可靠性)。所以你的html最终会像这样陷入困境。

<div id="Manager"><span class="target-js">LastName, FirstName (UK)</span></div>    
<span class="fill-js" id="dynamicallyGeneratedString"/>

然后你可以做一个更可维护的事情:

var span_text = $("span.target-js");
$('span.fill-js').text(span_text);

答案 3 :(得分:0)

所以也许

var managerText = $("#Manager span").html();
$("span[id*='LineManager']").html(managerText);

虽然[id*=]属性选择器效率不高,但如果您能找到其他识别线路管理器的方法,您可能会看到更好的性能。我通常喜欢基于类的选择器,但我不确定这是否可以添加到LineManager范围内。

答案 4 :(得分:0)

JQuery的:

    $(document).ready(function(){
        $("#button").click(function(){
            $("span[id*='LineManager']").html($("#Manager > span").html());
        }); 
    });

HTML:

    <div id="Manager"><span>LastName, FirstName (UK)</span></div>
    <span id="ctl00_PlaceHolderMain_g_4118aa1d_2690_4da8_b2b2_dc1943e73968_LineManager"></span>
    <input type="button" id="button">