jQuery "यह" प्लस अन्य चयनकर्ता?

Question

के साथ $(this) को जोड़ना संभव है?

उदाहरण: $(this + ', .someclass').hover();

मैं एक गैर-वंश वर्ग को एनिमेट करने के लिए होवर कार्रवाई का उपयोग करने का प्रयास कर रहा हूं। मैं कक्षा तत्व को एनिमेट करना चाहता हूं कि "यह", उर्फ ​​$ ('.clclass') या $ (यह) आच्छादित है।

मुझे उम्मीद है कि यह 2 अलग होवर कार्यों के बिना किया जा सकता है।

Answer 1

आप jQuery के .add() का उपयोग कर सकते हैं।

$(this).add('.someClass').hover(); 

Answer 2

एक अन्य विकल्प

$(this).find('.someclass').hover(); 

Answer 3

jQuery find() उपयोग करने के लिए आप चयनकर्ता संदर्भ का उपयोग कर सकते होगा: http://api.jquery.com/jQuery/#jQuery-selector-context

$('+ .someclass', this).hover(); 

यहाँ एक नमूना है: पहला भाई और दूसरे भाई पर होवर करें पृष्ठभूमि रंग बदल दिया जाएगा।

$('.sibling1').hover(
 
    function() { 
 
    $('+ .sibling2', this).css({"background":"#ff0"}); 
 
    }, 
 
    function() { 
 
    $('+ .sibling2', this).css({"background":"#eee"}); 
 
    } 
 
);

div { 
 
    padding:5px; 
 
    background:#eee; 
 
    margin-bottom:5px; 
 
    display:inline-block; 
 
    cursor:pointer; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="sibling1">Sibling 1</div> 
 
<div class="sibling2">Sibling 2</div>