0
<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;
})

リンクをクリックしても値が警告されないのはなぜですか?

4

6 に答える 6

6

まず、セレクターが間違っているようです。のulクラス名は「search_item」ですが、選択しています.search_list

次に、文字列リテラルのみを警告します。前の行で宣言した変数を参照するには、引用符を削除する必要があります。

$('.search_item li a').click(function (){
    //     ^-------Wrong selector!
    var test = $(this).text();
    alert(test);
    //    ^--^-----No quotes!
    return false;
});
于 2012-10-30T08:37:31.907 に答える
2

ここでもっと単純にしない理由:デモ http://jsfiddle.net/wLhgY/1/

それが原因に適合することを願っています:)

コード

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

    });
});​
于 2012-10-30T08:38:23.303 に答える
1

これを試して:

$('.search_item li a').click(
function(){
    var test = $(this).text();
   alert(test);
  return false;    
});
于 2012-10-30T08:38:29.030 に答える
1

alert(test)、 いいえalert('test')

于 2012-10-30T08:37:03.837 に答える
1

.search_listあなたが上で定義したクラスはどこclass="search_item"ですか!

また、あなたのアラートはalert(test);

于 2012-10-30T08:37:42.150 に答える
1

これを試して

$('.search_item li a').click(
function(){
   var test = $(this).text();
   alert(test);
    return false;
 })
于 2012-10-30T08:38:02.740 に答える