Question

我跟随W3Schools按钮tutorias。他们的手风琴按钮示例：

<button class="accordion">Section 2</button>
<div class="panel" id="panel2">
  <p>Lorem ipsum...</p>
</div>

而不是那个＆＃34;第2节＆＃34; ...我需要根据用户交互来动态命名其他东西。当用户在地图上进行选择时，将填充包含表格的折叠按钮。我需要应用的名称，而不是提前...使用javascript，或jQuery，或html ..我不挑剔。

这可能吗？

Answer 1

我写了一个函数，当你点击一个按钮时添加一个新的部分 - 你需要将你想要的值传递给那个函数，但是 - 可能是你的用户输入。

function addSection( section_name, id ){

  var html = '<button class="accordion">' + section_name + '</button>'
    + '<div class="panel" id="panel' + id + '">'
    + '<p>Lorem ipsum...</p>'
    + '</div>'

  document.getElementsByClassName( 'content' )[0].innerHTML += html;

}

document.getElementById( 'add').addEventListener( 'click', function(){
  addSection( 'Section 2', 2 );
});

#add {
  margin-bottom: 20px;
}

<button id="add">Add second section</button>

<div class="content">

  <button class="accordion">Section 1</button>
  <div class="panel" id="panel1">
    <p>Lorem ipsum...</p>
  </div>
  
</div>

Answer 2

尝试使用＆＃34; .html（＆＃39;新文字在这里＆＃39;）;＆＃34;

如果您不确定如何使用jquery设置属性，在您的情况下它将是：

$（＆＃34; .accordian＆＃34;）。html（＆＃39;新文字在这里＆＃39;）;

更新，其.html，而不是.prop

命名按钮的其他方法？

2 个答案: