javascript - 使用 jquery 访问元素

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>