jQuery সিলেক্টারে নির্দিষ্ট শ্রেণীর সাথে উপাদানগুলি বাদ দেয়

Question

আমি নির্দিষ্ট অ্যাঙ্কর ট্যাগের জন্য jQuery এ একটি ক্লিক ইভেন্ট ট্রিগার সেটআপ করতে চাই।

নির্দিষ্ট ক্লাসে থাকা ব্যক্তিদের উপেক্ষা করার সময় আমি একটি নতুন ট্যাবে নির্দিষ্ট লিঙ্কগুলি খুলতে চাই (আপনি জিজ্ঞাসা করার আগে আমি যে লিঙ্কগুলি সিএমএস থেকে আসার সাথে সাথে ধরার চেষ্টা করছি সেগুলিতে ক্লাস রাখতে পারি না)।

আমি ক্লাস "button"OR এর সাথে লিঙ্কগুলি বাদ দিতে চাই"generic_link"

আমি চেষ্টা করেছি:

$(".content_box a[class!=button]").click(function (e) {
    e.preventDefault();     
    window.open($(this).attr('href'));
});

তবে এটি কার্যকর বলে মনে হচ্ছে না, এছাড়াও আমি কীভাবে "generic_link"বাদ পড়তে অন্তর্ভুক্ত করতে একটি OR বিবৃতি করব ?

Answer 1

আপনি .not () পদ্ধতিটি ব্যবহার করতে পারেন :

$(".content_box a").not(".button")

বিকল্পভাবে, আপনি এগুলি ব্যবহার করতে পারেন : না () নির্বাচক:

$(".content_box a:not('.button')")

দুটি পন্থার মধ্যে সামান্য পার্থক্য রয়েছে, কেবলমাত্র .not()বেশি পাঠযোগ্য (বিশেষত শৃঙ্খলিত থাকাকালীন) ছাড়া এবং :not()খুব প্রান্তিক দ্রুত। দেখুন এই স্ট্যাক ওভারফ্লো উত্তর পার্থক্য আরো তথ্যের জন্য।

Comments

সুতরাং আমি এটি করতে পারলাম: $ ("। কন্টেন্ট_বক্স এ")। ("। বোতাম") না। ("জেনেরিক_লিংক") ক্লিক করুন (ফাংশন (ই) ...?

— টাইটান

এমনকি ব্যবহার করার সময়ও নিখুঁতভাবে কাজ করেছেন .each()।

— সিএফএক্স

দেখে মনে হচ্ছে ব্যবহার করার সময় একটি ত্রুটি রয়েছে .text()- বলার সাহায্যে সরানো উপাদানটির .notপাঠ্যটি এখনও টেক্সটে রয়েছে।

— Netsi1964

Answer 2

এটা ব্যবহার কর..

$(".content_box a:not('.button')")

Answer 3

আমাকে আজ যে সাহায্য করেছে এমন কিছু তথ্য যুক্ত করতে, একটি jQuery অবজেক্ট / this। নোট () নির্বাচককেও দেওয়া যেতে পারে।

$(document).ready(function(){
    $(".navitem").click(function(){
        $(".navitem").removeClass("active");
        $(".navitem").not($(this)).addClass("active");
    });
});

.navitem
{
    width: 100px;
    background: red;
    color: white;
    display: inline-block;
    position: relative;
    text-align: center;
}
.navitem.active
{
    background:green;
}

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

<div class="navitem">Home</div>
<div class="navitem">About</div>
<div class="navitem">Pricing</div>

উপরোক্ত উদাহরণে সরলীকৃত করা যাবে, কিন্তু ব্যবহারের দেখাতে চেয়েছিলেন thisযে not()নির্বাচক।