私信  •  关注

Maheer Ali

Maheer Ali 最近创建的主题
Maheer Ali 最近回复了
7 年前
回复了 Maheer Ali 创建的主题 » 如何使用jquery在对象中保存输入值,然后将其保存到数组中

你需要解决三件事:

  • 使用 : 内部对象文本 {} 而不是 =
  • 声明主数组 pessoas 在全局范围内,这样每次单击时都不会更改
  • 使用 push() 在数组末尾添加对象。

下面是工作片段。

var pessoas = [];

function vai() {
  var pessoa = {
    nome: document.getElementById('nome').value,
    idade: document.getElementById('idade').value
  };
  pessoas.push(pessoa)
  console.log(pessoas)
}
<label>Digite seu nome aqui</label>
    <input type='text' id='nome' placeholder='aquii'>
    <label>Digite sua idade aqui</label>
    <input type='text' id='idade' placeholder='aquii'>
    <button onclick='vai()'>
      Teste aqui
    </button>
7 年前
回复了 Maheer Ali 创建的主题 » jquery on click更改列表元素类

去除 onclick 属性来自 <a> . 不要包装 click 在其他功能中。并使用 .color 而不是 #color `

$('.color').click(function()
{
   if ($(this).hasClass('active')) {
       console.log('clicked');
       $(this).removeClass('active');
   } else {
         $(this).addClass('active');
    }
});
.active{
  color:orange;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="config-swatch-list">

   <li class='color'>
        <a href="#" style="background-color: random_val">one</a>
   </li>
   <li class='color'>
        <a href="#" style="background-color: random_val">two</a>
   </li>
   <li class='color'>
        <a href="#" style="background-color: random_val">three</a>
   </li>
   <li class='color' >
        <a href="#" style="background-color: random_val">four</a>
   </li>
   <li class='color'>
        <a href="#" style="background-color: random_val">five</a>
   </li>

</ul>