How to remove a tag from a javascript variable

Question

How to remove some part of data from a variable

This is my jsfiddle

When once clicked on submit , i want to remove this part of text

'<p class="tcPriceWrap">25</p>'

So that i can have toppings array with only these values

Honey with Chocolate Sauce  10 ML
Honey with Carmel  10 ML

The below is the HTML

<div class="prd-items-detials">    
<div style="display: block;" class="Topping-details" id="4">
   <section id="topping_tsection_4">
      <aside>
         <h6 class="tdHeading">Quantity      1</h6>
         <section class="secclass">
            <a data-id="4" topping_id="1" id="4_ZZ_0_ZZ_0" topp_name="Honey with Chocolate Sauce  10 ML" top_price="25" class="tpActive">
               Honey with Chocolate Sauce  10 ML 
               <p class="tcPriceWrap">25</p>
            </a>
         </section>
         <section class="secclass">
            <a data-id="4" topping_id="2" id="4_ZZ_0_ZZ_1" topp_name="Honey with Carmel  10 ML" top_price="25" class="tpActive">
               Honey with Carmel  10 ML 
               <p class="tcPriceWrap">25</p>
            </a>
         </section>
      </aside>
   </section>


</div>

    <input type="button" id="someid" value="Submit"/>

  </div>

This is my javascript

var toppings = [];

$(document).on("click", "#someid", function(e) {

$("#topping_tsection_4").find('.tdHeading').each(function () {
                values = [];
                $(this).parent().find('.tpActive').each(function () {

                    alert($(this).text().trim());
                    values.push($(this).text().trim());
                });
                if(values.length>0)
                {
                    toppings.push({
                        'name': $(this).text().trim(),
                        'value': values
                    });
                }
            });


    });    // close of save event listener

Do you only want them removed from the alert or do you want them removed from the DOM? — Kristian Barrett
– Kristian Barrett, Commented Aug 8, 2014 at 14:27
Thanks , i want to remove from the alert only and not from the DOM . — Pawan
– Pawan, Commented Aug 8, 2014 at 14:30

Santiago Rojo · Accepted Answer · 2014-08-08 14:47:34Z

1

Assuming that you want to keep that data in the DOM, I'll suggest this replacement in your code:

$(this).parent().find('.tpActive').each(function () {
  alert($(this).text().trim());
  values.push($(this).text().trim());
});

for this:

$(this).parent().find('.tpActive').each(function () {
  // Clone the element to prevent any change in the original DOM object.
  var $el = $(this).clone(); 
  // Remove what you want.
  $el.find('.tcPriceWrap').remove();

  alert($el.text().trim());

  values.push($el.text().trim());
});

I hope it helps you.

answered Aug 8, 2014 at 14:47

Santiago Rojo

781 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mritunjay · Accepted Answer · 2014-08-08 14:31:14Z

0

Do this in your alert.

alert($(this).clone().children().remove().end().text().trim());

It's basically

.clone cloning the object

.children getting the children of the cloned object

.remove removing all the children of cloned object

.end going back to selection after that get the text

answered Aug 8, 2014 at 14:31

Mritunjay

25.9k7 gold badges57 silver badges71 bronze badges

Comments

Pang · Accepted Answer · 2018-10-30 01:16:39Z

0

If I understood you correctly, you want something like this:

$("#submitid").click(function(){
    $(".tcPriceWrap").each(function(){$(this).remove();});
});

jsfiddleURL

edited Oct 30, 2018 at 1:16

Pang

10.2k146 gold badges87 silver badges126 bronze badges

answered Aug 8, 2014 at 14:39

m0g3

395 bronze badges

Collectives™ on Stack Overflow

How to remove a tag from a javascript variable

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related