用JQuery在跨度中添加跨度

Question

我试图将<span>放入其他<span>中的JQuery模块标题中，但它不起作用。

这里是我的HTML代码：

<div class="ui-dialog-titlebar..."> 
    <span class="ui-dialog-title">Info title</span> 
    ... 
</div> 
<div id="1"> 

我想提出一个<span class="glyphicon glyphicon-info-sign"></span>内ui-dialog-title<span>。

我试图做这样的：

$(".ui-dialog-title").prepend('<span class="glyphicon glyphicon-info-sign"></span>'); 

和它的作品！

<div class="ui-dialog-titlebar..."> 
    <span class="ui-dialog-title"> 
    <span class="glyphicon glyphicon-info-sign"></span>Info title 
    </span> 
    ... 
</div> 
<div id="1"> 

但，我会多个<span>我的文档中的类ui-dialog-title，我想用接下来的<div>的ID访问此<span>。

我尝试这样做：

$("#"+myId).prev("div").first("span").prepend('<span class="glyphicon glyphicon-info-sign"></span>');

但glyphicon <span>放在BEFORE UI的对话框的标题<span>：

<div class="ui-dialog-titlebar..."> 
    <span class="glyphicon glyphicon-info-sign"></span> 
    <span class="ui-dialog-title">Info title</span> 
    ... 
</div> 
<div id="1"> 

我不明白为什么它被放在这里，因为与另一种方法，它的工作原理。

我希望你能理解我的问题，谢谢你的帮助！

Answer 1

你可以这样做：

$("#"+myId).prev("div").find(".ui-dialog-title").prepend('<span class="glyphicon glyphicon-info-sign"></span>'); 

工作example

结构：

<div class="ui-dialog-titlebar"> 
    <span class="ui-dialog-title"><span class="glyphicon glyphicon-info-sign"></span>Info title</span> 

</div>