<Script>标签之前的<Tag>

Question

我有一个生成以下代码(示例)的页面：

<div class="map_object">
<span> test1 </span> 
<script></script>
</div>

<div class="map_object">
<span> test2 </span>
<script></script>
</div> 

<div class="map_object"> 
<span> test3 </span>
<script></script>
</div>

这些块由html模板文件创建。带有<span>的行用占位符表示(用户可以将其输入到文本字段中)，其余的在模板文件中。

我需要的是在每个<script> (总是完全相同的脚本)中获取<span>中的内容，假设块1应该返回"test1“，依此类推。

你有什么想法吗，如何找到当前的<script>，然后在<span>中获取之前的内容，所以这对每个块都有效，而不仅仅是第一个或最后一个块？

Answer 1

不是最干净的解决方案，但话说回来，也不是最干净的问题：

<div class="map_object">
    <span> test1 </span> 
    <script>
        alert(document.currentScript.parentNode.getElementsByTagName('span')[0].innerHTML)
    </script>
</div>

小提琴here。

更详细地说：

<div class="map_object">
    <span> test1 </span> 
    <script>
        var scriptElement = document.currentScript;
        var divElement = scriptElement.parentNode;
        var firstSpanElement = divElement.getElementsByTagName('span');

        alert(firstSpanElement.innerHTML)
    </script>
</div>

Answer 2

您可以尝试使用Jquery。

<script>
$(document).ready(function(){
  var values= $(".map_object > span");//Get spans

   $.each(values, function( index, value ) {
     console.log(value.innerHTML);//get every span content
   });
});
</script>