jQuery 获取选择器值帮助

Question

我有一个 WP 博客，其中有一些通过 PHP 循环生成的 DIV。我希望能够在有人单击 DIV 时显示有关该 DIV 的更多信息。

代码如下所示:

<div class="story item-1">
<div class="story item-2">
<div class="story item-3">
<div class="story item-4">

(等等。可以是任意数量的。)

单击上述项目之一应出现以下内容之一:

<div class="data preview-1">
<div class="data preview-2">
<div class="data preview-3">
<div class="data preview-4">

我正在执行以下操作:

$('.story').click( function() {
  var getNum   =  jQuery(this).attr('class');
  alert('hi ' + getNum);
});

但是如何将我刚刚单击的项目的“数字”值(1、2、3、4 等)提取到变量中？如果我可以将其放入诸如“num”之类的变量中，我就可以轻松地使用 jQuery .hide 和 .show 来执行操作。到目前为止我所拥有的得到了整个类(class)的值(value)。只需要二类的号码即可。

如果有任何帮助，我将不胜感激!谢谢!

Answer 1

I'd .split()在连字符上，and .pop()结果数组中的最后一项(数字)。然后.show()适当的预览。

$('.story').click( function() {
    var getNum = this.className.split('-').pop();
    $('.data.preview-' + getNum).show();
});