使用JQuery在跨度中添加跨度

Question

我正在嘗試在JQuery的模式標題中將<span>放在另一個<span>中，但是它不起作用。

這是我的HTML代碼：

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

我想在ui-dialog-title <span>內放置<span class="glyphicon glyphicon-info-sign"></span> <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> <div> 。

我嘗試了這個：

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

但是glyphicon <span>被放置在ui-dialog-title <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>');

工作實例

結構體：

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

</div>