JSFiddle - React, Tailwind, and code Playground
HTML
<div class="TreeMenu_Content" id="myordersfinal">
<div class="lastItm_Wrap" id="lastwrap828" data-stuff="[]" data-vegornonveg="nonvegterian" data-lastwrapquan="0">
<div class="prd_title">
<h3 class="nonvegLabel" data-sellprice="22.50" data-discprice="10.00" data-strikeprice="25.00" data-ispercent="1">Orange Juice<button style="display:block;" class="btn-d icon-ellipsis prdDiscription ui-btn ui-shadow ui-corner-all"></button></h3>
</div>
<div class="Itm_left_aside">
<div class="Itm_dtsl">
<div class="Qty_Wrap">
<button class="btn-d icon-minus QtyBtn ui-btn ui-shadow ui-corner-all"></button>
<div class="ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset"><input type="text" class="QtyInput" value="1"></div>
<button class="btn-d icon-plus QtyBtn ui-btn ui-shadow ui-corner-all"></button>
</div>
<button style="display:block;" class="btn-d addonsBtn ui-btn ui-shadow ui-corner-all" data-atrr="828"><a data-rel="popup" data-position-to="window" class="ui-link">Addons</a></button>
</div>
</div>
<div class="Itm_right_aside" data-percentage="1">
<a class="icon-trash-3 deletebtn trashBtn ui-link" style="display: none;"></a>
<p style="display:block;">₹<strike class="strikeprice">25.00</strike> <span class="discprice offRed">10.00</span> <span class="tobeappend offRed">% Off</span></p>
<p>₹ <b class="sellprice">22.50</b></p>
<p class="additionsclassstyle" style="display:none;"><span>Additions:₹ </span> <b class="additions">0</b></p>
</div>
<div style="display:none;" class="Itm_discrp">
<h3>Orange Juice</h3>
<p>Orange juice fresh wth topping and crustig provided,and it will be an...
CSS
.pageMidLogo {
width:100%;
float:left;
text-align:center;
}
.createAccountWrap {
width:100%;
float:left;
height:auto;
padding:20px;
}
.createAccountWrap .h3_head {
float: left;
text-align: center;
width: 100%;
margin-bottom: 25px !important;
}
.iLabel {
font-size: 13px;
line-height: 16px;
width: 100%;
float: left;
}
.insideInput {
width:100%;
float:left;
position:relative;
}
.tooltipIcon {
width: 27px;
height: 27px;
position: absolute;
right: 8px;
top: 16px;
background: #ababab;
-webkit-border-radius: 25px;
border-radius: 25px;
}
.tooltipIcon:before {
font-size: 19px;
margin-top: 4px;
color:#fff;
}
.pop_tooltipIcon {
font-size: 36px;
text-align: center;
width: 100%;
float: left;
margin-bottom: 10px;
color:#d03e43;
}
.iconPinReload {
/*background: url(../images/icon-capthareload.png) 10px 10px no-repeat #f6f6f6;
border-left: 1px solid #ddd;
width: 52px;
height: 41px;*/
position: absolute;
top: -20px;
right: 0px;
cursor: pointer;
font-size: 15px;
}
/*.iconPinReload:hover{
background: url(../images/icon-capthareload.png) 10px 10px no-repeat #f0f0f0;
}*/
.tpMenuWrap {
position:absolute;
top:0px;
width: 88%;
}
.btMenuWrap {
position:absolute;
bottom:0px;
width: 88%;
}
.ul_menu {
padding:0px;
margin:0px;
width:100%;
list-style:none;
}
.ul_menu li {
padding: 10px 0px;
margin: 0px;
width: 100%;
list-style: none;
font-size: 24px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ul_menu li a {
font-weight: 500;
color:#ddd;
}
.ul_menu li a:hover {
color:#fff;
}
.panelCloseBtn {
float: right;
margin-bottom: 15px;
width: 100%;
text-align: right;
margin-top: 15px;
font-size: 20px;
color: #777 !important;
}
.panelCloseBtn:hover {
color: #999 !important;
}
.homeListMenuWrap {
padding:0px...
JavaScript
var item_description = $('.lastItm_Wrap').find('.Itm_discrp p').text().trim();
console.log(item_description);