js。 使用 id 获取多个值

Question

function handleUser(activeMenu, user) {
$('#accordion').html("");
  $.each(user, (index, user) => {
    $('#accordion').append(
<input class="control" id="a${user.userId}" value=${user.name}></input>
<input class="control" id="b${user.userId}" value=${user.email}></input>
<input class="control" id="c${user.userId}" value=${user.phone}></input> 
<input class="control" id="d${user.userId}" value=${user.address}></input>
<button class="info-actions" id="${user.userId}">
    save
</button>)});}

^ this code above here pulls data from the db fine.

However, to save.... I need to get each values.

function handleInfo() {
    $('#accordion').on('click','.info-actions',(event) => {
        let target = $(event.target).attr('id');
        console.log(target);
//this prints the id fine.

//let x = $('.control').attr('value');
//let x = $(`#a${target}`);
//let x = $(`#a${target}`);
//let x = $('#a${target}').val();
        console.log(x);

//..... then going to use ajax to connect controller.(Which I can handle)
})}

I've tried many ways... Not sure how to get values for each ids using the target.

Answer 1

I think it had some issues with the ids having spaces/, etc. between them or something.

I've found a work-around to solve the issue.

Just used:

var name = "a" + target;
var nameVal = document.getElementById(name).value;

and etc.