在 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>。

我试过这样做：

$(".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> 和 class ui-dialog-title文档，我想使用下一个 <div>.

的 ID 访问此 <span>

我试过了：

$("#"+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>