Как сказать ajax чтобы он брал input или что угодно с блока на который я кликнул?

Question

[DenDreting]

<div class="music__center">
                    <div class="playerms">   
                        <button class="click"><input type="hidden" value="<?= $new['id'] ?>"><img class="img__pl2" src="" alt=""></button>
                        <div class="name"><?= $new['name'] ?></div>
                    </div>
                </div>

$(document).ready(function() {
    $('button').on('click', function() { ? ? ? ? ? ? ? ?
        var id = $('button').val(); ? ? ? ? ? ? ? ? ? ?
        $.ajax({
            type: "POST",
            url: "http://192.168.1.47/include/music_vid.php",
            dataType: "html",
            data: { id: id },
            success: function(ress) {
                result = $.parseJSON(ress);
                $('#aud').html('<audio id="audio" autoplay src="http://192.168.1.47/' + result.src + '"></audio>');
                $('.music__img').html('<img class="img_i" src="http://192.168.1.47/' + result.img + '">');
                $('.name_i').html(result.name);
                result2 = $.parseJSON(ress);
                $('.script_mus').html('<script src="http://192.168.1.47/' + result2.script + '"></script>');
            }
        })
    });
});

Comments

[DenDreting]

К примеру таких блоков будит несколько

<?php $vnew = mysqli_query($connectcon, "SELECT * FROM `music`");
            while ($new = mysqli_fetch_array($vnew)) { ?>
                <div class="music__center">
                    <div class="playerms">   
                        <button class="click"><input type="hidden" value="<?= $new['id'] ?>"><img class="img__pl2" src="http://192.168.1.47/img/player/pl.png" alt=""></button>
                        <div class="name"><?= $new['name'] ?></div>
                    </div>
                </div>
            <?php } ?>

Answer 1

[MikUrrey]

$(this) внутри function() {} - это jQuery экземпляр кнопки, по которой вы кликнули в данный момент.
find() - может селектором забирать элементы внутри заданного экземпляра jQuery.
Как-то так, значит:

$('button').on('click', function() {
        var id = $(this).find('input').val();
...

Comments

[DenDreting]

Лучший))