किसी विशिष्ट तत्व

Question

के बाद एक विशिष्ट वर्ग के साथ अगले तत्व मिल मैं इस तरह एक HTML मार्कअप है:

<p> 
    <label>Arrive</label> 
    <input id="from-date1" class="from-date calender" type="text" /> 
</p> 

<p> 
    <label>Depart</label> 
    <input id="to-date1" class="to-date calender" type="text" /> 
</p> 

<p> 
    <label>Arrive</label> 
    <input id="from-date2" class="from-date calender" type="text" /> 
</p> 

<p> 
    <label>Depart</label> 
    <input id="to-date2" class="to-date calender" type="text" /> 
</p> 

मैं तिथि करने के लिए इसी प्राप्त करने के लिए दिनांक से बाद अगले तत्व प्राप्त करना चाहते हैं। (लेआउट थोड़ा अधिक जटिल है लेकिन तिथि से लेकर आज तक की कक्षा है और आज तक की तारीख है)।

यह मैं करने की कोशिश कर रहा हूं, मैं तारीख से तत्व लेना चाहता हूं और डोम में अगले तत्व को डेट क्लास के साथ ढूंढना चाहता हूं। मैंने यह कोशिश की:

$('#from-date1').next('.to-date') 

लेकिन यह मुझे खाली jQuery तत्व दे रहा है। मुझे लगता है कि ऐसा इसलिए है क्योंकि next अगला भाई चयनकर्ता से मेल खाता है। मैं संबंधित to-date कैसे प्राप्त कर सकता हूं? क्योंकि आप में एक अतिरिक्त p है

के बीच आप .parent().next().find('.to-date') जरूरत

Answer 1

ऐसा करने का सीधा तरीका नहीं मिला, इसलिए इसके लिए थोड़ा रिकर्सिव एल्गोरिदम लिखा।

डेमो:http://jsfiddle.net/sHGDP/

nextInDOM() समारोह 2 तर्कों अर्थात् तत्व लेता से देख रही है और चयनकर्ता मिलान करने के लिए शुरू करने के लिए।

$('#from-date1').next('.to-date') 

के बजाय

आप का उपयोग कर सकते हैं:

nextInDOM('.to-date', $('#from-date1')) 

कोड

function nextInDOM(_selector, _subject) { 
    var next = getNext(_subject); 
    while(next.length != 0) { 
     var found = searchFor(_selector, next); 
     if(found != null) return found; 
     next = getNext(next); 
    } 
    return null; 
} 
function getNext(_subject) { 
    if(_subject.next().length > 0) return _subject.next(); 
    return getNext(_subject.parent()); 
} 
function searchFor(_selector, _subject) { 
    if(_subject.is(_selector)) return _subject; 
    else { 
     var found = null; 
     _subject.children().each(function() { 
      found = searchFor(_selector, $(this)); 
      if(found != null) return false; 
     }); 
     return found; 
    } 
    return null; // will/should never get here 
} 

Answer 2

.next('.to-date') कुछ भी वापस नहीं करता है,।

यदि आपका डोम आपके उदाहरण से अधिक जटिल है तो आपको इसे समायोजित करना पड़ सकता है। लेकिन अनिवार्य रूप से यह कुछ इस तरह करने पर निर्भर करता:

$(".from-date").each(function(){ 
    // for each "from-date" input 
    console.log($(this)); 
    // find the according "to-date" input 
    console.log($(this).parent().next().find(".to-date")); 
}); 

संपादित करें: यह सिर्फ आईडी देखने के लिए काफी बेहतर है और तेजी से है। निम्नलिखित कोड-दिनांक से सभी खोज करता है और हो जाता है करने के लिए दिनांक अनुसार:

function getDeparture(el){ 
    var toId = "#to-date"+el.attr("id").replace("from-date",""); 
    //do something with the value here 
    console.log($(toId).val()); 
} 

var id = "#from-date", 
    i = 0; 

while($(id+(++i)).length){ 
    getDeparture($(id+i)); 
} 

example पर एक नजर डालें।

Answer 3

कोशिश

var flag = false; 
var requiredElement = null; 
$.each($("*"),function(i,obj){ 
    if(!flag){ 
     if($(obj).attr("id")=="from-date1"){ 
      flag = true; 
     } 
    } 
    else{ 
     if($(obj).hasClass("to-date")){ 
      requiredElement = obj; 
      return false; 
     } 
    } 
}); 

Answer 4

var item_html = document.getElementById('from-date1'); 
    var str_number = item_html.attributes.getNamedItem("id").value; 
    // Get id's value. 
    var data_number = showIntFromString(str_number); 


    // Get to-date this class 
    // Select by JQ. $('.to-date'+data_number) 
    console.log('to-date'+data_number); 

    function showIntFromString(text){ 
     var num_g = text.match(/\d+/); 
     if(num_g != null){ 
      console.log("Your number:"+num_g[0]); 
      var num = num_g[0]; 
      return num; 
     }else{ 
      return; 
     } 
    } 

जेएस का उपयोग करें। अपनी आईडी से कुंजी नंबर प्राप्त करने के लिए। संख्या को आउटपुट करने से विश्लेषण करें। जेक्यू का प्रयोग करें। चयनकर्ता गठबंधन स्ट्रिंग जो आप + इस नंबर से चाहते हैं। उम्मीद है कि यह भी आपकी मदद कर सकता है।