0

我有这个代码：

<div id="notfication">
    <div class="notfi-more right"></div>
    <div id="right" class="notfication-part"></div>
    <div class="notfi-more left"></div>
    <div id="left" class="notfication-part"></div>
</div>

我想在单击 2 div（这些 div 具有通知部分类）时完成此算法：

first :获取id被点击的元素

第二：找到具有名称= id单击名称的类的div

第三：当找到它时 div 更改显示并执行此操作：display:block;

我做不到，我很困惑......

这是我的jQuery代码：

var elementID = null;
$('#notfication .notfication-part').on('click',function(){

    elementID = $(this).attr('id');
    //??? I dont know how get one element that had class with name = elementID
});
4

3 回答 3

1

尝试这个...

$('#notfication .notfication-part').on('click',function(){
    var elementID = this.id;
    $(this).parent().find("." + elementID).show();
});

正如您所说，它获取 ID（虽然不使用 jQuery - 没有必要），然后解析父元素的子元素，查找具有该 ID 作为类名的任何内容并将其设置为show()（显示：块）。

于 2013-09-02T09:21:22.813 回答
1 
$('#option').click(function() {
// get the class name of the option element
var className = $(this).attr("class");
// find the div with that same class name and show it
$('div').hasClass(className).show();
});

或者

$('a').click(function() {
   // get class name this way
   var oldClass= $(this).className;
   //find the divs with this class name
   $('div.'+oldClass).show();
});
于 2013-09-02T09:39:55.747 回答
1

尝试使用此代码代替您的评论：

$('.'+elementID).css('display','block')
于 2013-09-02T09:22:07.740 回答