根据标题获取ID

时间:2013-12-05 22:52:38

标签: javascript jquery

我试图得到div的id值基于另一个div类。我一直在title_name和id_name上得到未定义但不是class_name所以我认为getElementsByTagName是错误的,但所有的研究都指向它作为它使用的唯一方法。

<div class="date">
<div class="status" id="s_1" title="11/11/1111">111111</div>
<div class="status" id="s_3" title="11/22/1111">33333</div>
<div class="status" id="s_2" title="11/11/3333">222222</div>
<div id="Foundbytitle" title="status"></div>

    $('.status').click(function () {
    var class_name = $(this).attr('class');
    var title_name = document.getElementsByTagName("class_name");
    var id_name = $(title_name[0]).attr('id');
    alert(id_name);
});

http://jsfiddle.net/9mM7x/1/

当点击任何div时,所需的警报将是“Foundbytitle”,因为它们都共享相同的类名和结果的id名称。

2 个答案:

答案 0 :(得分:0)

$('.status').click(function () {
   var q = this.id;
   alert( $('.' + q).attr('id') );
});

小提琴:http://jsfiddle.net/9mM7x/8/(尝试点击222222)

答案 1 :(得分:0)

  $('.status').click(function () {
        alert($('.'+$(this).attr('id')).attr('id'));
    });

http://jsfiddle.net/9mM7x/4/

或者由于id是“foundbytitle”,这是如何按标题找到它

$('.status').click(function () {
    alert($("div[title='"+$(this).attr('class')+"']").attr('id'));
});

http://jsfiddle.net/9mM7x/10/