javascript - 如何通过单击 A 标签更改 DIV 上的 CSS 值？

Question

当任何<a>使用 id="cnt" 单击标签我想设置 div#fancybox-content 的边框颜色至 #000 .我的尝试:

$(document).ready(function(){ 
    $('a#cnt').click(function(){
        $("#fancybox-content").css("border-color","#000");
    }); 
});

此代码无效。

Answer 1

您确定您指的是“'cnt' 的 ID”吗？你说“当任何一个标签被点击时”……有不止一个吗？

确保您也设置了其他边框参数

如果不止一个，就用一个类:

$().ready( function() {
  $("a.cnt").click(function() {
    $("#fancybox-content").css({"border-width":"1px", "border-style":"solid", "border-color":"#000"});
  });
})

参见 - http://jsbin.com/avuxe3/3

如果真的有的话:

$().ready( function() {
  $("#cnt").click(function() {
    $("#fancybox-content").css({"border-width":"1px", "border-style":"solid", "border-color":"#000"});
  });
})

enter code here