如何使用Jquery从一系列事物中获取text / val

时间:2017-04-12 04:17:02

标签: javascript jquery html css wordpress

我已经自定义了wp_get_archive在其标记中添加了一个class =“tlyear”。

并使用jquery获取每一年

var y = jQuery('.tlyear');
var m = jQuery('.tlyear').text();
jQuery('.tlyear').click(function() {
  alert(m);
});

当我点击其中一个时,它假设将警报文本返回为1955,但相反,它会返回一整行年份为“19481955”。我如何才能从我点击的那些年中获得这些年份?因为所有人都有同一类。

enter image description here

1 个答案:

答案 0 :(得分:4)

您想要获取所点击项目的文本,因此请使用this,该项引用该项目:



jQuery('.tlyear').click(function() {
    alert(jQuery(this).text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="tlyear"><a href="#">1948</a></div>
<div class="tlyear"><a href="#">1955</a></div>
<div class="tlyear"><a href="#">1963</a></div>
&#13;
&#13;
&#13;

(或者使用jQuery(this).find('a').text()可能是有意义的,因为您将点击处理程序绑定到包含div,而不是绑定到具有所需文本的锚元素,尽管它没有&#39>。如果这些div中没有​​其他元素,那真的很重要。)

在您的代码中,这一行:

var m = jQuery('.tlyear').text();

...获取匹配元素的所有的文本,与之后可能点击的文件无关。