Javascript 使用jQuery将对象插入到innerHTML之前的其他对象中

所以我有一个简单的例子给你-看起来很简单

以下是我当前的工具提示：

<div class="tooltip" style="position: absolute; top: 1298px; left: 382.5px; display: none; ">this is where the tooltiip text goes. You are quite the cool!</div>

这就是工具提示文本的位置。你真是太酷了！

忽略一个事实，它有一秒钟的内联css（对不起）

好的，我需要在其中插入3个跨距-1.5在HTML之前，1.5在HTML之后，所以最后看起来像这样：

<div class="tooltip" style="position: absolute; top: 1298px; left: 382.5px; display: none; "><span class="tooltop"></span><span class="toolmid">this is where the tooltiip text goes. You are quite the cool!</span><span class="toolbot"></span></div>

这就是工具提示文本的位置。你真是太酷了！

但我当然不知道最好的方法

基本上是这样的：

（现有div）（开始span/）（中间span）[existing innerHTML]（/middle span）（结束span/）（/existing div）

不知道。

$（“.现有div选择器”）
$('.existing-div-selector')
    .append(
        $('<span class="tooltop"></span><span class="toolmid">' + someContentVariable + '</span><span class="toolbot"></span>')
    );

.附加(
$（''+someContentVariable+''）
);

jQuery允许您从字符串中构建DOM片段，它将从中解析和创建DOM元素。

$（“.existing div selector”）
.附加(
$（''+someContentVariable+''）
);

jQuery允许您从字符串中构建DOM片段，它将解析这些字符串并从中创建DOM元素。

您可以从现有内容，然后是顶部和底部

var tooltip = $('.tooltip');                            //cache tooltip

tooltip.contents().wrapAll('<span class="toolmid" />'); //wrap existing contents
tooltip.prepend('<span class="tooltop">');              //prepend the top
tooltip.append('<span class="toolbot">');               //append the bottom

var-tooltip=$（'.tooltip'）//缓存工具提示
tooltip.contents（）.wrapAll（“”）//包装现有内容
工具提示。前置（“”）//在顶部预涂
工具提示。附加（“”）//追加底部

您可以选择现有内容，然后选择顶部和底部

var tooltip = $('.tooltip');                            //cache tooltip

tooltip.contents().wrapAll('<span class="toolmid" />'); //wrap existing contents
tooltip.prepend('<span class="tooltop">');              //prepend the top
tooltip.append('<span class="toolbot">');               //append the bottom

var-tooltip=$（'.tooltip'）//缓存工具提示
tooltip.contents（）.wrapAll（“”）//包装现有内容
工具提示。前置（“”）//在顶部预涂
工具提示。附加（“”）//追加底部

$（''+someContentVariable+
'').
附加到（“您的分区选择器”）；

$（''+someContentVariable+
'').
附加到（“您的分区选择器”）；

试试这个

HTML

这就是工具提示文本的位置。你真是太酷了！

JavaScript

$(".tooltip").each(function(index, tooltip) {
    tooltip.innerHTML = '<span class="tooltop"></span><span class="toolmid">' + tooltip.innerHTML + '</span><span class="toolbot"></span>';
});

$（“.tooltip”）。每个（函数（索引，工具提示）{
tooltip.innerHTML=''+tooltip.innerHTML+''；
});

这段代码将找到所有具有“tooltip”类的元素，并添加到跨度中。

试试这个

HTML

这就是工具提示文本的位置。你真是太酷了！

JavaScript

$(".tooltip").each(function(index, tooltip) {
    tooltip.innerHTML = '<span class="tooltop"></span><span class="toolmid">' + tooltip.innerHTML + '</span><span class="toolbot"></span>';
});

$（“.tooltip”）。每个（函数（索引，工具提示）{
tooltip.innerHTML=''+tooltip.innerHTML+''；
});

---

这段代码将找到所有具有“tooltip”类的元素，并添加到跨度中。

你所说的-1.5之前和1.5之后是什么意思？很抱歉，这让人困惑。。。我需要在现有div（工具提示）的innerHTML中添加以下内容：之前和之后：如何插入

的一半？您所说的-1.5之前和1.5之后是什么意思？抱歉，这让人困惑。。。我需要在现有div（工具提示）的innerHTML中添加以下内容：前面和后面：如何插入一半的

？