javascript - 使用 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>与类(class)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>