Javascript 在跨度位置插入图像

我有两行，第一行包含所有文本，第二行包含脚注和其他图像

在文本行中，我想显示一个小图像，提醒读者有脚注。 我想用jquery实现这一点，我试图获得原始位置，但它不起作用。 我想是因为我试着在跨度的瞬间得到类的位置。 但我不知道如何得到它的跨度（与b_类脚注！）

下面是一些html示例

<p>
en Benkei nog rust vonden. In een vertrek was Yoshitsune met zijn vrouw en jeugdig kind. De Dood stond in het vertrek gereed, en het was beter, dat de Dood zou komen op bevel van Yoshitsune, dan op bevel van den vijand buiten de deur. Zijn kind werd door een bediende gedood, en terwijl hij het hoofd van zijn geliefde vrouw onder den linkerarm nam, stootte hij zijn zwaard diep in haar nek. Na dit te hebben volbracht, pleegde Yoshitsune zelfmoord (hara-kiri).<span class="b_footnote">De buik opensnijden.</span> Benkei echter wachtte den vijand op. Hij stond met zijn groote beenen wijd uitgespreid, zijn rug tegen een rots gedrukt. Toen de dageraad aanbrak, stond hij nog altijd met uitgespreide beenen, terwijl zijn dapper lichaam door duizend pijlen was doorboord. Benkei was dood, maar vallen kon de krachtige held niet. De zon verrees over een man, die een ware held was, en die steeds getrouw was gebleven aan de eenmaal door hem uitgesproken woorden: “Waar mijn meester heengaat, hetzij ter overwinning, of in den dood, ik zal hem volgen.”</p>

也欢迎使用其他解决方案。

您应该使用或避免在jquery中包装它

$('#container #book #column1 .b_footnote').each(function(){
    console.log($(this)); // goes good
    console.log($(this).position().left); //also  this.style.position.left
});

this.style.position.left

会更好，因为调用更少，并且没有开销，但我认为它只适用于内联样式

您应该使用或避免在jquery中包装它

$('#container #book #column1 .b_footnote').each(function(){
    console.log($(this)); // goes good
    console.log($(this).position().left); //also  this.style.position.left
});

---

this.style.position.left

会更好，因为您的调用更少并且没有开销，但是我认为它只适用于内联样式

要获得您定义的CSS位置，您应该使用

$(this).css('position');

要在span位置后插入图像，可以使用jQuery的

.after（）

（''）之后的

$（“span”）//选择跨度并插入图像

要获得您定义的CSS位置，您应该使用

$(this).css('position');

要在span位置后插入图像，可以使用jQuery的

.after（）

（''）之后的

$（“span”）//选择跨度并插入图像

我使用它得到以下错误：***TypeError:“undefined”不是一个对象（计算“this.position.left”）@clankill3r是的，我缺少一个样式，无法使用计算样式，所以使用jQuery:）我使用它得到以下错误：***TypeError:“undefined”不是一个对象（计算“this.position.left”）@clankill3r是的，我缺少一个样式，无法使用计算样式，所以请使用jQuery:）

$("span").after('<img src="link/to/image.jpg" />'); //Select the span and insert the image