如何在javascript中向控制台返回值？

我试图编写一些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>

$（文档）.on（'vclick'，'.changePageButton'，函数（）{
console.log（this.text）；
//console.log（映像中的值）
});
测试
测试

试试这个

$(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());

});

---

我希望它将有助于使用get元素的表单标记

<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>

$（文档）.on（'vclick'，'.changePageButton'，函数（）{
var frm=document.getElementById（'ID'）；
//jQuery frm=$（“#ID”）
console.log（this.text）；
console.log（frm.image.value[0]）；
console.log（frm.image.value[1]）；
//或者您可以使用loop FOR、WHILE等
});
测试
测试

如果我在标记中有多个隐藏的输入字段怎么办？然后你可以使用

.get（x）

选择其中一个，或者你可以在

.children（）

参数中更具体一些。我刚刚编辑了上面的代码。如何更具体地使用.children？您希望返回哪个？所有的？是的，但是要分开。如果我只想要隐藏字段中名为“image”的值怎么办？您可以使用find（“input[name='image']”）

<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>