为什么我无法检索链接的值?

时间:2012-10-30 08:36:04

标签: jquery

<ul class="search_item" style="display: block;">
    <li><a href="#">test one</a></li>
    <li><a href="#">two</a></li>
    <li><a href="#">three</a></li>
</ul>

代码:

$('.search_list li a').click(function(){
    var test = $(this).text();
    alert('test');
    return false;
})

当我点击链接时,为什么不提醒值?

6 个答案:

答案 0 :(得分:6)

首先,您的选择器似乎是错误的。 ul的班级名称为“search_item”,但您选择.search_list

其次,您只提醒字符串文字。您需要删除引号以引用您在上一行中声明的变量:

$('.search_item li a').click(function (){
    //     ^-------Wrong selector!
    var test = $(this).text();
    alert(test);
    //    ^--^-----No quotes!
    return false;
});

答案 1 :(得分:2)

为什么这里不简单:演示 http://jsfiddle.net/wLhgY/1/

希望它适合原因:)

<强>代码

$(document).ready(function() {
    $('a').click(function() {
        var test = $(this).text();
        alert(test);
        return false;

    });
});​

答案 2 :(得分:1)

alert(test),而不是alert('test')

答案 3 :(得分:1)

man上面定义.search_list的{​​{1}}类在哪里!

并且您的提醒应该是class="search_item"

答案 4 :(得分:1)

试试这个

$('.search_item li a').click(
function(){
   var test = $(this).text();
   alert(test);
    return false;
 })

答案 5 :(得分:1)

试试这个:

$('.search_item li a').click(
function(){
    var test = $(this).text();
   alert(test);
  return false;    
});