jQuery: डेटा विशेषताओं का चयन करें जो खाली नहीं हैं?

Question

मैं उन सभी तत्वों का चयन करने की कोशिश कर रहा हूं जिनमें एक data-go-toविशेषता है जो खाली नहीं है।

मैंने कोशिश की है, $('[data-go-to!=""]')लेकिन अगर मैं ऐसा करूं तो यह पेज पर हर एक तत्व को चुनने के लिए काफी अजीब लगता है।

Answer 1

प्रयत्न

$(':not([data-go-to=""])')

अपडेट करें:

किसी को भी भटकने की ओर नहीं ले जाने के लिए, यह उत्तर पुराने संस्करणों में काम करेगा, लेकिन भविष्य में प्रूफ नहीं है। चूँकि @gmo और @ siva के उत्तर दोनों ही बाद के संस्करणों के साथ काम करते प्रतीत होते हैं, जिन्हें मैं उनके उत्तरों के लिए स्थगित (और आपको प्रोत्साहित करने के लिए) करता हूं .... और निश्चित रूप से आपके लिए एक शानदार दिन है।

Comments

धन्यवाद, यह बहुत अच्छा काम किया! मैं केवल छवि तत्वों का चयन करना चाहता था, इसलिए मैंने $ जोड़ा (': नहीं (img [data-go-to == ""] ")

— msanjay

क्या यह उन सभी तत्वों का चयन नहीं करता है जिनके पास खाली 'डेटा-टू-गो' विशेषता नहीं है? जब पूछने वाला उस विशेषता वाले सभी तत्वों को चाहता है जो रिक्त नहीं हैं? (जैसा कि शिव चरण का जवाब है)

— कृष्ण

वास्तव में किसी भी दोहरे उद्धरण चिह्नों की आवश्यकता नहीं है ... जैसा कि $('element:not([attribute=])'); // gets all of <element attribute="">या में$(':not([attribute=])'); // gets all of <* attribute="">

— एंथनी हत्ज़ोपोलोस

यह मेरे लिए हर तत्व को शामिल करता है, जिसमें वह डेटा-विशेषता है जिसकी मैं तलाश कर रहा हूं

— डेविल्स एडवोकेट

लगता है सफारी में काम नहीं $('[data-go-to!=""]:[data-go-to]')करता है, लेकिन करता है।

— दान

Answer 2

बस आगे के संदर्भ के रूप में, और एक अप-टू-डेट ^{(may'14) (aug'15) (sep'16) (apr'17) (mar'18) (mar'19) ( may'20 )} ...
उत्तर जो काम करता है:

खाली तार:

यदि मौजूद होना चाहिए और उसका कोई मूल्य हो सकता है ^{(या कोई भी नहीं)}attr

    jQuery("[href]");

गुम विशेषताएँ:

यदि मौजूद हो सकता है और यदि मौजूद है, तो कुछ मूल्य होना चाहिएattr

    jQuery("[href!='']");

अथवा दोनों:

तो चाहिए मौजूद और होना आवश्यक है कुछ मूल्य ... attr

    jQuery("[href!=''][href]");

---

^{पुनश्च : अधिक संयोजन संभव हैं ...}

---

उदाहरण के लिए jsFiddle में इस परीक्षा की जाँच करें :

• jQuery v1.11.0 -> jsFiddle online test
• jQuery v2.1.0 -> jsFiddle online test
• jQuery v2.1.3 -> jsFiddle online test
• jQuery v3.0.0-alpha1 -> jsFiddle online test
• jQuery v3.1.1 Slim -> jsFiddle online test
• jQuery v3.2.1 -> jsFiddle online test
• jQuery v3.3.1 -> jsFiddle online test
• jQuery v3.4.1 -> jsFiddle online test ^{अंतिम jQuery का संस्करण jsFiddle में 28'20 पर उपलब्ध है}
• jQuery Edge -> jsFiddle online test ^{jQuery किनारे संस्करण (सावधानी के साथ उपयोग करें)}

---

या यहाँ इस कोड स्निपेट के साथ एसओ में ।

^{* स्निपेट jQuery v2.1.1 चला रहा है}

jQuery('div.test_1 > a[href]').addClass('match');
jQuery('div.test_2 > a[href!=""]').addClass('match');
jQuery('div.test_3 > a[href!=""][href]').addClass('match');

div,a {
    display: block;
    color: #333;
    margin: 5px;
    padding: 5px;
    border: 1px solid #333;
}
h4 {
    margin: 0;
}
a {
    width: 200px;
    background: #ccc;
    border-radius: 2px;
    text-decoration: none;
}
a.match {
    background-color: #16BB2A;
    position: relative;
}
a.match:after {
    content: 'Match!';
    position: absolute;
    left: 105%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="test_1">
    <h4>Test 1: jQuery('a[href]')</h4>
    <a href="test">href: test</a>
    <a href="#">href: #</a>
    <a href="">href: empty</a>
    <a>href: not present</a>
</div>
<div class="test_2">
    <h4>Test 2: jQuery('a[href!=""]')</h4>
    <a href="test">href: test</a>
    <a href="#">href: #</a>
    <a href="">href: empty</a>
    <a>href: not present</a>
</div>
<div class="test_3">
    <h4>Test 3: jQuery('a[href!=""][href]')</h4>
    <a href="test">href: test</a>
    <a href="#">href: #</a>
    <a href="">href: empty</a>
    <a>href: not present</a>
</div>

Comments

यह बात है। इस उपयोगकर्ता को यहीं पर अपडेट करें। अन्य पुराने उत्तर मेरे लिए काम नहीं कर रहे हैं। मैंने तीसरा उदाहरण इस्तेमाल किया।

— वलमास

दूसरा @ वलमास-एयूएस

— एडम वेट

संपादित करें: एसओ कोड स्निपेट जोड़ा गया, ताकि आप इसे यहीं पर परख सकें।

— गमो

यह वह है जो काम कर रहा है। $(':not([data-go-to=""])')अब काम नहीं कर रहा है

— Matthieu Charbonnier

उत्तर तक रखने के लिए धन्यवाद

— एंथनी सी

Answer 3

$('[data-go-to!=""]:[data-go-to]').each(function() {
    // Do Your Stuff
});​

Comments

यह एक खाली तार और लापता विशेषताओं के लिए काम करता है, एकदम सही

— adamJLev

May'14 के रूप में काम नहीं करता है, Unrecognized Expressionत्रुटि देता है।

— कोडिंग_डॉट

Answer 4

Has डेटा-एनाउन्नाम ’है और इसका मान रिक्त नहीं है:

$('[data-attributename]:not([data-attributename=""])')

खाली या नहीं: 'डेटा-एनेजेनेम' है

$('[data-attributename]')

जेएस फिडेल उदाहरण

Comments

यह एकमात्र उत्तर है जो अभी भी मेरे लिए जून 2015 में काम करता है

— एलेक्सियोवे

Answer 5

मैं एक साधारण चयनकर्ता के बारे में निश्चित नहीं हूं, लेकिन आप इसका उपयोग कर सकते हैं filter():

$('[data-go-to]').filter(
    function(){
        return ($(this).attr('data-go-to').length > 0);
    });

जेएस फिडेल डेमो ।

संदर्भ:

• filter()।

Answer 6

प्रलेखन के अनुसार यह करना चाहिए

:not([attr="value"])

डेमो

उम्मीद है की यह मदद करेगा

Answer 7

$('[data-go-to]:not([data-go-to=""])')

JSBIN

Answer 8

$('[data-go-to]').filter(function() {
    return $(this).data('go-to')!="";
});

का उपयोग करते हुए :not, .not(), :emptyआदि केवल जांच करेगा कि तत्व में ही खाली है, नहीं डेटा विशेषता है। उसके लिए आपको डेटा एट्रिब्यूट वैल्यू के आधार पर फ़िल्टर करना होगा।

बेला

Answer 9

यह मेरे लिए काम करता है

$('[attributename]').filter('[attributename!=""]')

Comments

हालांकि ये दो पुनरावृत्तियों हैं।

— जेन्स

Answer 10

इसे इस्तेमाल करे :

$('[data-go-to:not(:empty)]')

Comments

नही जाओ। "Syntax error, unrecognized expression: [data-go-to:not(:empty)]"

— शिफफोर्ड

api.jquery.com/empty-selector api.jquery.com/not-selector इसके अनुसार, मान लिया जाए कि काम करने के लिए, दुखद, कि एक स्वच्छ समाधान होगा!

— पास्कल बाउटिन

Answer 11

यह मेरे लिए काम करता है:

$('.data .title td[data-field!=""]')