मेरे पास गतिशील रूप से उत्पन्न विभिन्न चेकबॉक्स हैं। प्रत्येक चेकबॉक्स एक div के भीतर समाहित हैं।

मैं jQuery के साथ निम्नलिखित कार्य करना चाहूंगा:

यदि किसी चेकबॉक्स में id="aucune" है, तो html पृष्ठ से उसके कंटेनर (id="aucune" के साथ चेकबॉक्स युक्त div) को हटा दें।

मैंने निम्नलिखित कोड का प्रयास किया:

// wait for DOM to be ready
$(document).ready(function() {
  var empty = $("input:checkbox[id=aucune]");
  if (empty == true) {
    $(this).parent().remove();
  }
});

यहां एक बहुत ही सरल HTML है:

<div class="wrapper-checkbox">
  <input type="checkbox" class="outsider" id="xxx" name="xxx" date-name="xxx">
    <label for="xxx">xxx</label>
</div>

<div class="wrapper-checkbox">
  <input type="checkbox" class="outsider" id="aucune" name="aucune" date-name="aucune">
    <label for="aucune">aucune</label>
</div>

यह रहा मेरा कोडपेन: मैं कोड के लिए काफी नया हूं, मैं अपने मूर्खतापूर्ण सरल प्रश्न के लिए क्षमा चाहता हूं।

-1
Anthony Salamin 29 मार्च 2018, 15:28

3 जवाब

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

आप सीधे jQuery के साथ आईडी का चयन कर सकते हैं और पैरेंट को हटा सकते हैं।

$('#acune').parent().remove();

या यदि आप मूल तत्व के वर्ग को जानते हैं

$('#acune').parent('.wrapper-checkbox').remove();
0
James Glendenning 29 मार्च 2018, 12:57

ऐसा करने का प्रयास करें..

$(document).ready(function() {
  var checkbox = $("input:checkbox[id=aucune]");
  if (checkbox.length > 0) {
    checkbox.parent().remove();
  }
});
0
Vishvakarma Dhiman 29 मार्च 2018, 12:40

आप अपने JQuery में सीधे aucune आईडी चयनकर्ता का उपयोग कर सकते हैं और फिर इसे हटाने के लिए कक्षा wrapper-checkbox के साथ निकटतम div प्राप्त कर सकते हैं:

$(document).ready(function() {
  var empty = $("#aucune");
  if (empty.length !== 0){
    $(empty).closest('.wrapper-checkbox').remove();
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrapper-checkbox">
  <input type="checkbox" class="outsider" id="xxx" name="xxx" date-name="xxx">
    <label for="xxx">xxx</label>
</div>

<div class="wrapper-checkbox">
  <input type="checkbox" class="outsider" id="aucune" name="aucune" date-name="aucune">
    <label for="aucune">aucune</label>
</div>
0
Ankit Agarwal 29 मार्च 2018, 12:32