Tenho esse código HTML
e PHP
<?php foreach (array_chunk($unfollow, 3) as $row): ?>
<div class="row mb-5">
<?php foreach ($row as $value): ?>
<?php //var_dump($value) ?>
<div class="col-md-4">
<h5><?=$value->node->username?></h5>
<img src="<?=$value->node->profile_pic_url?>" alt="<?=$value->node->profile_pic_url?>" class="img-fluid" width="100" height="100" data-toggle="tooltip" data-placement="top" title="Você segue <?=$value->node->full_name?>">
<form method="post" id="add_white_list_<?=$value->node->username?>">
<div id="message"></div>
<div class="form-group">
<input type="hidden" name="his_ds_user_id" value="<?=$value->node->id?>" class="form-control">
<input type="hidden" name="username" value="<?=$value->node->username?>" class="form-control">
<input type="hidden" name="url" value="<?=Url::url_base('ajax/add/white_list')?>" class="form-control">
</div>
<button type="submit" name="submit" class="btn btn-outline-primary btn-block">Lista branca</button>
</form>
</div>
<?php endforeach ?>
</div>
<?php endforeach ?>
E este em JQuery
:
$('#add_white_list_' + 'input[name=his_ds_user_id]'.val()).submit(function(event) {
event.preventDefault();
$('#add_white_list button[name=submit]').attr({
disabled: true
}).html('<i class="fa fa-spinner fa-spin"></i>');
function add_white_list() {
$.ajax({
url: $('#add_white_list input[name=url]').val(),
type: 'POST',
dataType: 'json',
data: $('#add_white_list').serialize(),
success: function(a) {
if (a['status'] === 'ok') {
$('#gender #message').addClass('alert alert-success').html(a['message']);
}
},
error: function(jqXHR, exception) {
if (jqXHR.status === 403) {
$("#add_white_list #message").removeClass('alert alert-info').addClass('alert alert-danger').html('Limite de taxa excedido.');
$('#add_white_list button[name=submit]').show().attr({
disabled: false
}).html('<i class="fa fa-plus"></i> Enviar seguidores');
} else {
setTimeout(add_white_list(), 2000);
}
},
});
}
add_white_list();
});
Repare que estou dando um id
para cada formulário, só que não está funcionando
$('#add_white_list_' + 'input[name=his_ds_user_id]'.val()).submit(function(event)
Era pra ficar algo como: #add_white_list_123456789
.
Tem alguma outra forma de fazer isso?
$(this)
$(this + ' button[name=submit]').attr({ disabled: true }).html('<i class="fa fa-spinner fa-spin"></i>');