javascript不显示元素？答案

【问题标题】：javascript not showing elements?javascript不显示元素？
【发布时间】：2018-07-10 02:09:41
【问题描述】：

我正在尝试创建一个模式，它应该在我的代码中显示位置变量提及这是我的 ejs 代码（我使用 ejs 和节点 js 以及模态的 java 脚本）

<div class="container-fluid">

  <%for(i=0;i<Vac.length;i++){%>
 <div class="alert alert-dark" role="alert">

     <h4 class="alert-heading">Postion:- <%=Vac[i].position%></h4>

  <hr>
  <h5>Type:- <%=Vac[i].type%></h5>

  <h6>Skills:- <%=Vac[i].Skills%></h6>
  <p class="lead"><%=Vac[i].Description%> </p>
   <button type="button" class="btn btn-primary" data-toggle="modal" onclick="showApply()">Apply</button>  


     <br> 
  </div>
  <%}%>
</div>

这是我的模态javascript代码

<script>
     function showApply()
     {
     $('#applyModal').modal('show');
      $('#applyModal').('#applyModaltitle').text($('#alert-heading'));
     } 
    </script>

但我收到如下错误：

SyntaxError: missing name after . operator[Learn More] careers:216:23 [Show/hide message details.] ReferenceError: showApply is not defined

谁能告诉我哪里出了问题，我该如何纠正？

【问题讨论】：

$('#applyModal').('#applyModaltitle') 这不是有效的语法，你想在那里做什么？
附加到CertainPerformance stackoverflow.com/questions/5736811/…
@CertainPerformance 我正在尝试从模态中的 Vac 数组中获取位置变量

标签： javascript node.js bootstrap-4 bootstrap-modal

【解决方案1】：

在搜索了许多答案的答案后，我从 stackoverflow 上的一个答案中发现了这一点。由于我正在从生成的数据库中访问数据，因此我必须通过显示的数据集中的元素访问数据，就像我的示例：-

我已在警报框中显示我的数据，我必须从警报框中获取所需的数据并将其显示在模态中，为了在模态上显示数据，我们必须执行以下操作：-

$(document).ready(function(){
 $('#modalname').on('show.bs.modal',function(e){
  var _button =$(e.relatedTarget);
  var info =_button.parents(".alert");
  var position=info.find(".classofelementneeded").text(); //text as i was using h5 tag for displaying data
  $(this).find("#element where you want to display data").val(position); //val because  i want to display data in text box
});
});

您可以使用它通过 javascript 将数据从网页显示到模态

【讨论】：

【解决方案2】：

参考：Multiple selector chaining in jQuery?

 function showApply()
 {
  $('#applyModal').modal('show');
  $('#applyModal').('#applyModaltitle').text($('#alert-heading'));
 }

你得到的错误告诉你 showApply 不存在。就是这样，因为有一个 . （点）运算符在这个函数中是错误的。

你可以试试：

 function showApply()
 {
  $('#applyModal').find('#applyModaltitle').innerHTML=$('#alert-heading').text;
  $('#applyModal').modal('show');
 }

【讨论】：

我裁判但不明白如何解决它可以帮助我一点？