получить текст родителя Ли по JQuery

Question

мне нужно предупреждение thisparenttext в следующий код, нажав на clickedlicontent

<script> 
$("#one").live("click",function(){ 
var partxt=$(this).parent().parent().text(); 
alert(partxt); 
}); 
</script> 
<ul> 
    <li>thisparenttext<ul><li id="one">clickedlicontent</li></ul></li> 
    <li>bb</li> 
</ul> 

Другими словами, я хочу взять только текст первого родителя щелкнул ли, не все все его html-коды.

Answer 1

Что вам нужно сделать, это клонировать элемент, удалите все его ребенок и использовать $.text(), чтобы получить оставшийся текст:

$("#one").live("click", function(){ 
    var partxt = $(this).parent().parent().clone().children().remove().end().text(); 
    alert(partxt); 
}); 

Это берет родитель родителя и клонов его. Это так, что когда мы делаем .children().remove(), это не влияет на отображаемые элементы. .end() будет «повторно выбирать» родительский элемент родителя $(this) и .text() получает текст.

Answer 2

Вы можете попробовать это.

$("#one").live("click",function(){ 
    //It will filter parent li's content to get only text node and get its text 
    var partxt = $(this).parent().parent().contents().filter(function(){ 
         //return true only if text node 
         return this.nodeType == 3; 
        }).text(); 
    alert(partxt); 
}); 

Работа демо - http://jsfiddle.net/TpdfA/

Side Примечание:

Если вы используете jQuyer версии 1.7+, то это adviceable использовать on иначе вы можете использовать делегат вместо live.

Использование delegate()

//Instead of document you can specify any parent container of dynamic elements 
$(document).delegate("#one", "click",function(){ 
    //It will filter parent li's content to get only text node and get its text 
    var partxt = $(this).parent().parent().contents().filter(function(){ 
         //return true only if text node 
         return this.nodeType == 3; 
        }).text(); 
    alert(partxt); 
}); 

Используя on() (JQuery версии 1.7+)

//Instead of document you can specify any parent container of dynamic elements 
$(document).on("click", "#one",function(){ 
    //It will filter parent li's content to get only text node and get its text 
    var partxt = $(this).parent().parent().contents().filter(function(){ 
         //return true only if text node 
         return this.nodeType == 3; 
        }).text(); 
    alert(partxt); 
}); 

Ссылки:

• delegate() - http://api.jquery.com/delegate/
• on() - http://api.jquery.com/on/

Answer 3

Это превратилось в интересную цепочку

Dem0: http://jsfiddle.net/fut7y/

$('#one').click(function() { 
    var topLevelText = $(this).parent().parent().clone().children().remove().end().text(); 

    alert(topLevelText); 
});​ 

Answer 4

Получить HTML, превратить его в строку, и разделенного на первый HTML начальный тег, а затем выберите первый значение массива для получения первой текстовой строки.

$(document).on("click", "#one", function(){ 
    var partxt = new String($(this).parent().parent().html()).split('<')[0]; 
    alert(partxt); 
});​ 

FIDDLE