jQuery를 사용하여 이전에 선택한 li 옵션을 저장하는 방법은 무엇입니까?

Question

라디오 선택 표시 형식의 형식으로 된 여러 개의 순서가없는 목록이 있습니다. ul 내에서 후속 li을 선택하면 이전에 선택한 li을 저장하고 다음 li가 선택 될 때까지 ul 위의 h3에있는 텍스트에 액세스 할 수 있어야하며 비슷한 방식으로 진행되어야합니다. jQuery의 어떤 선택자를 사용해야합니까? 이것을 달성하는 방법에 대한 아이디어가 있습니까? 마지막의 부모 H3의 내부 텍스트 LI를 클릭 어떤

은 Usecase 1

<h3>text1</h3> 
<ul id="one"> 
<li>some text</li> 
<li>some text</li> 
<li>some text</li> 
</ul> 
<h3>text2</h3> 
<ul id="two"> 
<li>some text</li> 
<li>some text</li> --> I select this li first. 
<li>some text</li> 
</ul> 
<h3>text3</h3> 
<ul id="third"> 
<li>some text</li> 
<li>some text</li> 
<li>some text</li> -> Next I select this li - at this point I should be able to get the text "text2" of the previously selected li and store it in a variable say var 1. 
</ul> 

은 Usecase 2

<h3>text1</h3> 
<ul id="one"> 
<li>some text</li> 
<li>some text</li> 
<li>some text</li> 
</ul> 
<h3>text2</h3> 
<ul id="two"> 
<li>some text</li> 
<li>some text</li> --> I select this li first. 
<li>some text</li> --> Next I select this li - at this point I should be able to get the text "text2" of the previously selected li and store it in the same variable as above ie var 1. 
</ul> 
<h3>text3</h3> 
<ul id="third"> 
<li>some text</li> 
<li>some text</li> 
<li>some text</li> 
</ul> 

Answer 1

당신은 jQuery를

var dataHolder = $('ul').first(); 

dataHolder.data('oldEle', { 
    text: 'NAN', 
    index: -1, 
    parentClass: "NANClass" 
}); 

$('li').click(function() { 

    alert('prev: ' + dataHolder.data('oldEle').text + ' index of prev: ' + dataHolder.data('oldEle').index + ' in parent: ' + dataHolder.data('oldEle').parentClass); 
    dataHolder.data('oldEle').text = $(this).text(); 
    dataHolder.data('oldEle').index = $(this).index(); 
    dataHolder.data('oldEle').parentClass = $(this).closest('ul').attr('id'); 
}); 

data jquery example

Answer 2

var lastClickedText; 

$('li').live('click', function() { 
    if (lastClickedText) { 
     alert(lastClickedText); 
    } 
    lastClickedText = $(this).parents('h3').text(); 
}); 

이 경고를해야했다. 테스트되지 않았습니다.

Answer 3

클릭 이벤트가 끝날 때 마지막으로 클릭 한 항목 만 저장하십시오. 그런 다음 dom을 백업하여 관련 h3 값을 얻을 수 있습니다.

var lastClickedLi = null; 
var var1 = ""; 
$('li').click(function() { 
    if (lastClickedLi != null) { 
     var1 = lastClickedLi.closest('ul').prev('h3').text(); 
    } 
    lastClickedLi = $(this); 
}); 

http://jsfiddle.net/6yypn/

Answer 4

var lastLiH3; 
$('li').click(function(){ 
    if(lastLiH3){ 
     alert(lastLiH3); 
    } 
    lastLiH3 = $(this).parent('ul').prev('h3').text(); 
}); 

Answer 5

에서 데이터 오브젝트를이 당신이 필요로하는 무엇을 사용할 수 있습니까?

http://jsfiddle.net/RZRcC/7/

HTML :

<h3>text1</h3> 
<ul id="one"> 
    <li><input type="radio" value="test1" name="t1"/></li> 
    <li><input type="radio" value="test1" name="t1"/></li> 
    <li>v</li> 
</ul> 
<h3>text2</h3> 
<ul id="two"> 
    <li><input type="radio" value="test1" name="t2"/></li> 
    <li><input type="radio" value="test1" name="t2"/></li> --> I select this li first. 
    <li><input type="radio" value="test1"/></li> 
</ul> 
<h3>text3</h3> 
<ul id="third"> 
    <li><input type="radio" value="test1" name="t3"/></li> 
    <li><input type="radio" value="test1" name="t3"/></li> 
    <li><input type="radio" value="test1" name="t3"/></li> -> Next I select this li - at this point I should be able to get the text "text2" of the previously selected li and store it in a variable say var 1. 
</ul> 

JQuery와 부분 :

var lastSelect = null; 
var lastSelectHead = null; 
$(document).ready(

function() { 
    $("li > input[type='radio']").click(

    function() { 
     if (lastSelect) { 
      lastSelectHead = $(lastSelect).parents("ul").prev("h3").text(); 
     } 
     lastSelect = this; 
     if (lastSelectHead) { 
      alert(lastSelectHead); 
     } 
    }); 
});