Как вернуть значение в консоль в javascript?

Question

Я пытаюсь написать javascript, который вернет значение toasty.png и bready.png, когда пользователь нажмет на соответствующий текст. Я могу вернуть «Тост» и «хлеб», но не другой текст. Любой совет?

<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); 
}); 

Answer 2

попробовать это

$(document).on('vclick','.changePageButton', function() { 

    console.log($(this).find("input[type='hidden']").val()); 

    // if you want according to hidden field name 
    console.log($(this).find("input[name='image']").val()); 

}); 

Я надеюсь, что это поможет

Answer 3

форму тег полезной для ПОЛУЧИТЬ элемента

<script> 
$(document).on('vclick','.changePageButton', function() { 
    var frm = document.getElementById('ID'); 
    // jQuery frm = $("#ID") 
    console.log(this.text); 
    console.log(frm.image.value[0]); 
    console.log(frm.image.value[1]); 
    // or you can use loop FOR, WHILE etc 
}); 
</script> 
<form id="ID"> 
    <a class = "changePageButton" value = "Toast" data-transition="slide"> 
     <input type = "hidden" name = "image" value = "toasty.png"> 
     test 
    </a> 

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