मुझे यकीन नहीं है कि इसे कैसे पूरा किया जाए, नौसिखिया उपयोगकर्ता यहां। मेरे पास एक टेबल है, जहां मुझे "वें" से सभी कक्षाएं प्राप्त करने की आवश्यकता है। फिर उन कक्षाओं की तुलना कुछ समान वर्गों का उपयोग करके एक div से करें। यदि कक्षा का नाम तालिका में मौजूद नहीं है, तो मैं divs में उन लोगों पर कोई भी प्रदर्शित नहीं करना चाहता हूं। मैंने अभी तक कुछ भी करने की कोशिश नहीं की है क्योंकि मुझे यह भी नहीं पता कि कहां से शुरू करना है।

मौजूदा एचटीएमएल - सभी "वें" वर्ग के नाम खोजने की जरूरत है।

 <tbody>
  <tr>
   <th class="class1">
   <th class="class2">
   <th class="class3">
   <th class="class4">
   <th class="class5">
   <th class="class6">
  </tr>
 </tbody>
</table>

मौजूदा डिव - मुझे उन सभी वर्गों को खोजने की ज़रूरत है जिनके ऊपर दी गई तालिका में कोई मिलान नहीं मिला है और प्रदर्शित करें: उनमें से कोई नहीं।

<div class="wrapper">
 <div class="class1"></div>
 <div class="hide"></div>
 <div class="class2"></div>
 <div class="class3"></div>
 <div class="change"></div>
 <div class="class4"></div>
 <div class="class5"></div>
 <div class="class6"></div>
 <div class="help"></div>
</div>

परिणामी HTML बाद में इस तरह दिखेगा

<div class="wrapper"> 
  <div class="class1"></div>
  <div class="hide" style="display:none"></div>
  <div class="class2"></div>
  <div class="class3"></div>
  <div class="change" style="display:none"></div>
  <div class="class4"></div>
  <div class="class5"></div>
   <div class="class6"></div>
  <div class="help" style="display:none"></div>
</div>
1
MShack 6 सितंबर 2020, 20:20

1 उत्तर

सबसे बढ़िया उत्तर

मेरे पास नीचे दिए गए कार्यान्वयन का प्रयास करें। मैंने तत्काल निष्पादन प्राप्त करने के लिए iffe का उपयोग किया है। तो कोड को सभी th तत्व मिलते हैं और इनमें से प्रत्येक तत्व के लिए, इसकी कक्षा प्राप्त करें और इसे classes सरणी में जोड़ें। इसके बाद, आपको .wrapper वर्ग के अंतर्गत सभी div मिलते हैं और जांचते हैं कि वर्ग का नाम classes सरणी में नामों से मेल खाता है या नहीं। यदि वह शर्त संतुष्ट नहीं है तो display विशेषता करने के लिए none

(function() {
  let classes = [];
  $('th').each(function() {
    classes.push($(this).attr("class"))
  })
  console.log(classes);

  $('.wrapper div').each(function() {
    let divClassName = $(this).attr("class");
    if (classes.indexOf(divClassName) == -1) {
      $(this).css('display', 'none')
    }
  })
})();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tbody>
    <tr>
      <th class="class1">
        <th class="class2">
          <th class="class3">
            <th class="class4">
              <th class="class5">
                <th class="class6">
    </tr>
  </tbody>
</table>


<div class="wrapper">
  <div class="class1">class1</div>
  <div class="hide">hide</div>
  <div class="class2">class2</div>
  <div class="class3">class3</div>
  <div class="change">hide</div>
  <div class="class4">class4</div>
  <div class="class5">class5</div>
  <div class="class6">class6</div>
  <div class="help">hide</div>
</div>
3
Tafadzwa Chimberengwa 6 सितंबर 2020, 18:12