使用 php 和 javascript/JQuery 按类或 id 检索图像源

Question

我想做的是，我在页面上显示一个图像，另一个图像位于顶部，上面有由以下教程中的 JQuery 实现的许多帧选择：

http://www.queness.com/post/3036/create-a-custom-jquery-image-gallery-with-jcarousel

使用 JCarousel，许多选定的图像之一将被分配“active”类，并且

每个图像都在列表中，例如

我想要做的是每当用户单击或选择并传递到 php 时获取具有“活动”状态（类）的图像 src 位置。有人介意提供一些关于我该怎么做的建议或技巧吗？

感谢您花时间阅读我的问题。

Answer 1

下面的 jQuery 应该在 JavaScript 中选择您想要的内容：

var activeImageSource = $('li.active').find('img').attr('src');

至于将其传递给 PHP，这取决于您提交信息的方式。您可以通过 HTTP < 提交src ;form> POST（其中 action 是编码为解析请求的 PHP 文件）或通过 AJAX 请求。您可以在 PHP $_POST< 中访问发布数据/a> 数组。

JavaScript

var activeImageSource = $('li.active').find('img').attr('src');

$.ajax({
  type: 'POST',
  url: 'some.php',
  data: 'activeImage=' + activeImageSource,
}).done(function(msg) {
  console.log('Success');
});

PHP

<?php
  echo 'activeImage source is ' . htmlspecialchars($_POST['activeImage']);
?>