Ways to eliminate line breaks in a specific script

Question

Ways to eliminate line breaks in a specific script

I am brand new to using phonegap and I need some help figuring things out.

Here is the script source:

<script src="http://www.transfermate.com/en/exchange_rates_api.asp"></script>

I am attempting to remove the
s in the div 'currency_converter_calculator_subscribe_form_under_info.'

This is what I have tried so far:

$('#currency_converter_calculator_subscribe_form_under_info.form_under_info calculator_subscribe_form_under_info br').remove();

EDIT The issue is that the script generates a string like this:

4 USD United States of America Dollars
=
3.1308 EUR Euro

To reduce the space taken up by the line, I either need to eliminate the
s or shorten the string. I know that after the number, there will always be a 3-character acronym such as USD, EUR. Another option would be to extract the part of the string between this character code and before the = sign, but I am struggling with referencing the label properly:

$('#currency_converter_calculator_subscribe_form_under_info').val('testing');

The ideal solution would be:

4 USD = 3.1308 EUR

Any assistance would be greatly appreciated.

javascript jquery html css cordova

Answer 1

Answer №1

function eliminateBreaks(container) {
  var breaks = container.getElementsByTagName("br");
  for (var i = 0; i < breaks.length; i++) { breaks[i].parentNode.removeChild(breaks[i]); }
}

where container represents the ID of your chosen container

var container = document.getElementById('currency_converter_calculator_subscribe_form_under_info');
    eliminateBreaks(container);

Does this method suit your needs?

If you prefer not to create an additional function, you could utilize CSS to hide the
tags by adding the following code to your stylesheet: br { display: none; } or

#currency_converter_calculator_subscribe_form_under_info br { display: none; }

for targeted application within a specific container.

Alternatively, you can perform a regex replacement on your string:

var str = "4 USD<br> = <br>3.1308 EUR";
var newStr = str.replace(/<br\s*[\/]?>/gi, " ");

Or using jQuery:

var str = "4 USD<br> = <br>3.1308 EUR";
var regex = /<br\s*[\/]?>/gi;
$("#mydiv").html(str.replace(regex, " "));

Answer 2

function eliminateBreaks(container) {
  var breaks = container.getElementsByTagName("br");
  for (var i = 0; i < breaks.length; i++) { breaks[i].parentNode.removeChild(breaks[i]); }
}

where container represents the ID of your chosen container

var container = document.getElementById('currency_converter_calculator_subscribe_form_under_info');
    eliminateBreaks(container);

Does this method suit your needs?

If you prefer not to create an additional function, you could utilize CSS to hide the
tags by adding the following code to your stylesheet: br { display: none; } or

#currency_converter_calculator_subscribe_form_under_info br { display: none; }

for targeted application within a specific container.

Alternatively, you can perform a regex replacement on your string:

var str = "4 USD<br> = <br>3.1308 EUR";
var newStr = str.replace(/<br\s*[\/]?>/gi, " ");

Or using jQuery:

var str = "4 USD<br> = <br>3.1308 EUR";
var regex = /<br\s*[\/]?>/gi;
$("#mydiv").html(str.replace(regex, " "));

Answer 3

Answer №2

Remove all br tags in a specific div by using the find() method

$(document).ready(function() {
  
  $('.currency_converter_calculator_subscribe_form_under_info').find('br').remove();

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>


<div class="currency_converter_calculator_subscribe_form_under_info">

  Lorem ipsum dolor sit amet,
  <br/>consectetur adipisicing elit.
  <br/>Obcaecati quos tenetur dolorum doloribus rerum
  <br/>ex ab dignissimos adipisci esse
  <br/>consequuntur facilis ipsam numquam
  <br/>officia officiis sit rem sint
  <br/>eligendi laudantium.
</div>

Answer 4

Remove all br tags in a specific div by using the find() method

$(document).ready(function() {
  
  $('.currency_converter_calculator_subscribe_form_under_info').find('br').remove();

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>


<div class="currency_converter_calculator_subscribe_form_under_info">

  Lorem ipsum dolor sit amet,
  <br/>consectetur adipisicing elit.
  <br/>Obcaecati quos tenetur dolorum doloribus rerum
  <br/>ex ab dignissimos adipisci esse
  <br/>consequuntur facilis ipsam numquam
  <br/>officia officiis sit rem sint
  <br/>eligendi laudantium.
</div>

Ways to eliminate line breaks in a specific script

Answer №1

Answer №2

Similar questions

Overlap in Bootstrap 4 Sections

Ensuring jQuery ajax requests can still be made when clicking on various links

What is the best way to prevent text from being dragged within a contenteditable div?

Error parsing XML: Missing opening tag

Using jQuery Ajax and PHP to retrieve data from a database based on multiple checkboxes

Choosing a class using CSS

Incorporate a dropdown menu based on the selection made in another dropdown menu

Why Isn't This JPG Image Functioning Properly in HTML/CSS?

Trouble arises when trying to combine NextJs 12.2.5 with next-auth 4.17 due to a dependency

Enhance the jQueryUI progress bar by dynamically updating it with inner HTML data

I am attempting to separate this "for" loop in order to generate five distinct DIV elements

An error was encountered: Unable to assign value to the property "once" of [object Object] because it only has a

What are the best practices for utilizing createHash('sha1') effectively in node.js?

What is the method for updating the current page as you scroll down, with a specific number of pixels remaining until reaching the

Why am I experiencing a problem with my ajax call only working once when I submit forms that are rendered with @Html.Render

Expanding the canvas leads to the freezing of the Ionic app on the emulator

I prefer the user not engage with the background when the jQuery dialog is displayed

Encountering a CORS issue specifically on the client side of a Next.js application when interacting with an API gateway

The contents of the image are currently unable to be viewed

What is the most effective way to switch between content in tabs using Bootstrap 5?