jquery - 我如何在jquery中选择一个数组元素

Question

如何选择带有数字输入的数组元素？

可以说我有：

var images=["http://blogs.independent.co.uk/wp-content/uploads/2012/12/google-zip.jpg",
        "http://www.quantumseolabs.com/wp-content/uploads/2013/10/google1.jpg"];

如何选择要显示的图像或带有数字输入的其他图像？

当数字改变时，链接也会改变。

谢谢

Answer 1

只需替换inputandimg选择器，你应该很高兴：

var images = ['img1.jpg','img2.jpg'];

$('input').on('change', function(event) {
    var fieldValue = $(this).val();
    $('img').attr('src', images[fieldValue]);
});

Answer 2

假设您的 HTML 如下所示：

<input id="myInput" value="0" />
<div id="imgWrp"></div>

你可以这样做：

var images = ['/img/1.jpg','/img/2.jpg'];

$('#myInput').on('change', function(event) {
  var myInputVal = parseInt($(this).val());
  if (images[myInputVal]) {
    $('#imgWrp').html('<img src="' + images[myInputVal] + ' />');      
  }
});