Question

我有以下情况：

$("a.red").click(function () {
    alert("Handler for .click() called.");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="hidden-phone visible-desktop action-buttons"> 
    <a class="blue" href="/Company/Details?Id=' + Id + '"> 
        <i class="icon-zoom-in bigger-130"></i> blue
    </a> 
    <a class="green" href="/Company/Edit?Id=' + Id + '"> 
        <i class="icon-pencil bigger-130"></i> green
    </a> 
    <a class="red" id="' + Id + '" href="#"> 
        <i class="icon-trash bigger-130 deleteCompany"></i> red
    </a> 
</div>

我想访问一个class =“red”的元素。我试过这个：

$("a.red").click(function () {
    alert("Handler for .click() called.");
});

但没有奏效。有什么建议吗？

Answer 1

必须首先包含jquery库。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

尝试使用此方法访问元素而不点击：

<script>
$(document).ready(function(){
var content = $(".red").html(); // it will alert the html inside the red class
alert(content);
});
</script>

如果您想通过点击访问，请使用以下命令：

<script>
$(document).ready(function(){
$(".red").click(function(){
 var content = $(".red").html();
alert(content);
})
});
</script>

Answer 2

如果您已经在使用jQuery：

$(".red").click(function () {
    alert("Handler for .click() called.");
});

示例：https://jsfiddle.net/mvzux2g7/1/

Answer 3

试试这个。我在click（）函数

中放置了click处理程序

  $(document).ready(function(){
        $("a.red").click(function(){
        alert($(this).html());
        });

    });

这是小提琴https://jsfiddle.net/dmvky0kr/1/

Answer 4

在a代码之间添加值！

https://jsfiddle.net/w8jkr04u/

$(document).ready(function(){
$(".red").click(function(){
 var content = $(".red").html();
alert(content);
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="hidden-phone visible-desktop action-buttons"> 
    <a class="blue" href="/Company/Details?Id=' + Id + '"> 
        <i class="icon-zoom-in bigger-130">blue</i> 
    </a> 
    <a class="green" href="/Company/Edit?Id=' + Id + '"> 
        <i class="icon-pencil bigger-130">green</i> 
    </a> 
    <a class="red" id="' + Id + '" href="#"> 
        <i class="icon-trash bigger-130 deleteCompany">Red</i> 
    </a> 
</div>

使用jquery访问元素

4 个答案: