Question

如果单击显示列表中第一个值的按钮，我试图获取警报。我使用基于此threat的以下代码。在这种威胁中，他们使用的是表而不是列表。但我认为那不是问题......我认为现在是这样。我使用的代码就是这个。（这些功能来自一个开放的地图）：

<ul id ="table_overvieuw">
<#list features as feature>
  <li><b>Type: ${type.name}</b> (id: <em>${feature.fid}</em>):
  <ul>
  <#list feature.attributes as attribute>
    <#if !attribute.isGeometry>
      <li><b>${attribute.name}</b></li>
      ${attribute.value}
    </#if>
  </#list>
  <br><br>
 <input type="button" name="geef slijpplaten info" class="ok" value="OK" onclick="myFunction()" />
  </ul>
  </li>
</#list>
</ul>
<script type="text/javascript">
function highlight(e) {
    if (selected[0]) selected[0].className = '';
    e.target.parentNode.className = 'selected';
}

var table = document.getElementById('table_overvieuw'),
    selected = table.getElementsByClassName('selected');
table.onclick = highlight;

function myFunction(){

    alert($("li.selected li:first" ).html());
}

</script>

我在控制台中遇到的错误是：未捕获的ReferenceError：$未定义。 $来自这段代码：

 alert($("li.selected li:first" ).html());

有人可以帮助我吗？

Answer 1

要使用jquery，您必须将它放在您的页面上。使用CDN（http://jquery.com/download/#using-jquery-with-a-cdn）。您也可以使用bower（bower install jquery）安装它并在页面上链接它：

<html>
<head>
    <script src="/bower_components/jquery/dist/jquery.min.js"></script>
...
</head>
...
</html>

Answer 2

如果列表框格式正确，请在警告框内尝试以下代码： -

$('ul#table_overview li:first').text()

未捕获的引用错误：具有列表值的警报框

2 个答案: