javascript - 如何在javascript中将值返回到控制台？

Question

我正在尝试编写一些 JavaScript，当用户单击相应的文本时，它将返回 toasty.png 和 bready.png 的值。我可以返回“Toast”和“bread”，但不能返回其他文本。有什么建议吗？

<script>
    $(document).on('vclick', '.changePageButton', function() {
        console.log(this.text);
        //console.log(value within the image)
    });
</script>

<a class="changePageButton" value="Toast" data-transition="slide">
    <input type = "hidden" name = "image" value = "toasty.png">
    <input type = "hidden" name = "video" value = "video1.mpg">
    test
</a>

<a class="changePageButton" value="bread" data-transition="slide">
    <input type = "hidden" name = "image" value = "bready.png">
    <input type = "hidden" name = "video" value = "video2.mpg">
    test
</a>

Answer 1

// Also did you mean "click"?
$(document).on('click', '.changePageButton', function () {
    var inputs = {};

    console.log(this.text);

    $(this).children('input').each(function (v) {
        inputs[$(this).prop('name')] = $(this).val();
    });

    console.log(inputs);
    console.log(inputs.image);
    console.log(inputs.video);
});