Jquery - jquery, html का उपयोग कर डीओएम से तत्व को हटा रहा है

यहाँ मेरा एचटीएमएल है

<div class=" jcarousel-skin-tango">
<div id="mycarousel" class="jcarousel-container jcarousel-container-horizontal" style="position: relative;
display: block;">
<input type="hidden" id="code" name="code" value="0">
<div class="new4">
<div class="jcarousel-clip jcarousel-clip-horizontal" style="position: relative;">
<ul style="height: 180px !important; overflow: hidden; position: relative; top: 0px;
margin: 0px; padding: 0px; left: 0px; width: 425px;" class="jcarousel-list jcarousel-list-horizontal">
**<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-undefined jcarousel-item-undefined-horizontal jcarousel-item-placeholder jcarousel-item-placeholder-horizontal"
style="float: left; list-style: none;"></li>
**<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-NaN jcarousel-item-NaN-horizontal jcarousel-item-placeholder jcarousel-item-placeholder-horizontal"
style="float: left; list-style: none;" jcarouselindex="NaN"></li>**
<li style="padding-right: 70px; float: left; list-style: none;" class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal"
jcarouselindex="1">
<div class="new1">
<form name="1">
<input type="hidden" id="0" name="0" value="prodDisplay.php?prodCode=113150">
<div align="center" class="container">
<div id="div01" class="div01">
<a onclick="addToCart("113150","");" title="Add To Cart">
<img src="/images/http://sampanstore.com/images/plus.jpg">
</a>
</div>
<a onclick="addToCart("113150","");" title="Add To Cart">
<img src="/images/http://sampanstore.com/Sood/product_images/small113150.jpg" width="80"
height="90">
<br>
</a>
<div class="box4">
<a title="Quick View" href="javascript:void(0);" class="modal" id="blue" onclick="change_event(0);">
FERRERO ROC... </a>
</div>
<br>
<br style="clear: both; height: 3px;">
<div class="box4">
<div style="float: left; width: 55px; padding-top: 5px;">
<span class="WebRupee" style="font-size: 11pt; text-align: left; margin-left: 10px;">
Rs. </span><strike style="font-size: 11pt; text-align: left;">545</strike>
</div>
<div class="top-left-corner top-right-corner  box" style="float: right;">
<span class="WebRupee">Rs.</span>539.81</div>
</div>
</div>
</form>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>

मुझे चिह्नित नोड को हटाना होगा ** jquery का उपयोग करना। मैंने $ कोशिश की (jcarouselindex = "NaN")। remove (); लेकिन कोई फायदा नहीं। क्रिप्या मेरि सहायता करे।

उत्तर:

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

$([jcarouselindex="NaN"]).remove();

तीसरा मिलता है li आइटम, यह सब पूर्ववर्तियों को लें और उन्हें हटा दें:

$("li.jcarousel-item:eq(2)").prevAll().remove()

ठीक है, आप शायद यह कोशिश कर सकते हैं:

$(".jcarousel-item:empty").remove();