选择单击元素的第二个祖先

时间:2012-10-18 20:46:01

标签: jquery jquery-ui

如何获得点击元素的第二个祖先?

它什么都不返回: $(this).parent().parent().find('.TITLE')$(this).closest('.TITLE').text()

它引用了这段代码:

<div class="ELEMENT_LISTY" style="display:none">
<div class="TITLE" id="id_196">sadfsfsdfgds</div>
<div class="BUTTONY PRE">
<div class="POGLAD"></div>
<div class="ZMIEN_NAZWE"></div>
<div class="USUN"></div>
</div>
</div>

function przygotuj_ZmianeNazwy() {
    $(".PRE .ZMIEN_NAZWE,.NEW .ZMIEN_NAZWE").click(function() {

        $("#DIALOG3").dialog({
            resizable: false,
            width: 500,
            modal: true,
            show: 'scale', 
            hide: 'puff',
            buttons: {
                "Dodaj": function() {
                    var el = $("#input_ZmienNazwe").val();
                    if(el !== '' && el !== null) {
                        $(this).dialog("close");
                        var title = $(this).closest('.TITLE').text() // I AM CLICKING ON ELEMENT AMONG MANY, WANT TO SELECT ANCESTOR TEXT FROM THIS I CLICKED ON
                        alert(title);
                        //ajax_zmienNazwe(title);
                    }
                },
                "Anuluj": function() {
                    $(this).dialog("close");
                    $("#input_ZmienNazwe").blur();
                }
            }
        });
        document.getElementById("input_ZmienNazwe").focus();
    });

1 个答案:

答案 0 :(得分:3)

我创建了一个jsFiddle,它可以在这里运行http://jsfiddle.net/stJHG/1/。您需要使代码适应以下内容:

$(".PRE .ZMIEN_NAZWE,.NEW .ZMIEN_NAZWE").click(function() {
    alert($(this).closest('.ELEMENT_LISTY').find('.TITLE').text());        
});​

.TITLE实际上并不是您元素的祖先,但.ZMIEN_NAZWE.TITLE的共同祖先是.ELEMENT_LISTY。所以你必须选择这个,然后搜索它的孩子.TITLE

(另外我认为你的style="display:none"不在你所在的地方,也可以隐藏可点击的元素)