关于jquery操作兄弟节点CSS的简单问题

2025-02-24 20:33:50

推荐回答（5个）

回答1：




萝卜
青椒
白菜
土豆

$(function(){
    //绑定单击事件
    //将事件绑定在DIV上,是利用事件的冒泡原理, 这样使用,
    //使代码结构看起来更整洁,更容易搜索到单击事件发生的位置
    //推荐在开发插件,或者其它比较复杂的功能时候,将事件绑定到父级容器
    //这样即使此例中的A标签是后来通过 JAVASCRIPT脚本添加进来的,
    //同样能够正确地处理
    $('#demo').click(function(event){
        var $target = $(event.target);
        //判断如果点击的A标签,则执行以下代码
        if(/^a$/i.test(event.target.tagName)){
            $target.addClass('red')
                .siblings('a').removeClass('red');
            alert('你点击了我:'+$target.text());
        }
    });
});

回答2：

//问题一：
$('#demo a').click(function(){
    $('#demo a').removeClass('addabc');
    $(this).addClass('addabc');
})
//问题二：
var className = $('.addabc').attr('class');

回答3：

var a = $("#demo").find("a");
a.click(function(){
 // 先清空所有a 的class
 a.removeClass("addabc");
 // 当前点的a 加上class 
 $(this).addClass("addabc");
 alert($(this).text(););
});
// 因为之前的绑定操作 所以只可能存在一个含有addabc的a标签
// 获取有addabc样式的a的文字
$(".addabc").text();

回答4：

$(document).ready(function(){
$("#demo a").click(function(){
$(this).addClass("addabc").siblings().removeClass("addabc");
alert($(this).html());
});
});

回答5：

无标题文档

萝卜
青椒
白菜
土豆

你选择的是：