使用JQuery查找A标记的值/文本

时间:2010-06-27 14:32:27

标签: jquery

这里的东西不太正确。

$(document).ready(function() 
        { 
            $("a#edit").click(function() {
                $("div#search").addClass("hidden");
                $("div#edit").removeClass("hidden");
            alert((this).val());
            return false;
            }); 
        } 
); 

后来:

<a href="#" id="edit">10.1001</a>

我希望从中获得值“10.1001”。 alert((this).val());似乎不起作用,alert((this).text());也不起作用。有人能够很快指出我在这里缺少的东西吗?谢谢!

3 个答案:

答案 0 :(得分:4)

而不是(this).val()您需要$(this).text()作为锚点。

.val()用于输入类型元素,.text()用于获取标记内的文本:)

您的代码应如此整体,请注意$之前添加的(this)

$(function() {
  $("a#edit").click(function() {
    $("div#search").addClass("hidden");
    $("div#edit").removeClass("hidden");
    alert($(this).val());
    return false;
  });
}); 

答案 1 :(得分:2)

您似乎忘记了关键的$符号(jQuery的别名),后面跟着括号((...)),调用jQuery构造函数并提供其所有方法

尝试:

alert( $(this).text() );

关键字this实际上提供了对被点击的DOM元素的引用,valtext等方法未在DOMElement上实现。通过将DOM元素包装在jQuery对象中,您可以访问这些方法。

答案 2 :(得分:1)

尝试:

$(document).ready(function() 
        { 
            $("a#edit").click(function() {
                $("div#search").addClass("hidden");
                $("div#edit").removeClass("hidden");
            alert($(this).text()); // $(this).text() should return the text contained within the relevant tag.
            return false;
            }); 
        } 
);