使用JQuery在span中添加span

Question

我正在尝试将<span>放在JQuery模式标题中的其他<span>中，但它不起作用。

这是我的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，我想访问此<span>使用下一个<div>的ID。

我试过了：

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

但是字形<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>');

工作example

结构：

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

</div>