主页 / 问题 / 1527156
Accepted
ШайтанЯкубович
Asked:2023-06-23 15:39:56 +0000 UTC2023-06-23 15:39:56 +0000 UTC

如何显示js数组的所有元素

  • 772

我从后面收到验证错误，我需要将它们显示给用户。现在只显示最后一个错误。据我了解，它们互相覆盖。我该如何修复它以使所有错误都出现？

$.each(data.errors, function(key, value){
    $('.alert-danger').html(
        '<p>'+value+'</p>'
    );
});
javascript

2 个回答

  1. Best Answer
    1. 将所有错误放入变量中
    2. 将变量传递给html()

    例子：

    let data = {
  errors: ['123', '456']
}

function onClickBtn() {

  let newHTML = '';

  $.each(data.errors, function(key, value) {
    newHTML += `<p>${value}</p>`
  });

  $('.alert-danger').html(newHTML);
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class='alert-danger'></div>

<button onclick="onClickBtn()">Вывести ошибку</button>

    • 1

  2. 我该如何修复它以使所有错误都出现？

    例如，您可以显示这样的错误...

    const data = {
  errors: ['Ошибка 1', 'Ошибка 2', 'Ошибка 3', 'Ошибка 4']
}
$('.alert-danger').empty()
$.each(data.errors, function(key, value) {
  $('.alert-danger').append('<p>' + value + '</p>');
})
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='alert-danger'></div>

    或者像这样

    const data = {
  errors: ['Ошибка 1', 'Ошибка 2', 'Ошибка 3', 'Ошибка 4']
}
const val = data.errors.join('</p><p>')
$('.alert-danger').html(`<p>${val}</p>`)
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='alert-danger'></div>

    • 0

相关问题