Choose the p tag, but do not include certain child elements

Question

Choose the p tag, but do not include certain child elements

Currently, my jquery code is selecting a section of copy:

str = '.main-content p:nth-child('+num+')';
string = jQuery(str).html();

(num is declared elsewhere and is not an issue).

While this successfully selects all content within the p tag, the problem arises when the p tags I'm selecting have nested a tags and strong tags. Is there a way to select the p tag excluding specific elements like the strong tag? I attempted the following code:

str = '.main-content p:nth-child('+num+') :not(strong)';

Unfortunately, this selects all child elements except for strong, but it does not retrieve the actual content inside the p tag.

If you have any suggestions or ideas, please feel free to share!

Thank you in advance!

Edit - Example requested:

<p><strong>Content that I want to ignore</strong> This is some content which I would like to include. <a href="#">also keep this</a></p>

Desired output:

<p>This is some content which I would like to include. <a href="#">also keep this</a></p>

or this:

This is some content which I would like to include. <a href="#">also keep this</a>

javascript jquery html css

Answer 1

Answer №1

let element = $('.main-content p:nth-child('+num+')').clone();
element.find('*:not(a)').remove();
let modified_string = element.html();

Alternatively, you have the option to specify specific tags for removal:

element.find('strong, b, i').remove();

Answer 2

let element = $('.main-content p:nth-child('+num+')').clone();
element.find('*:not(a)').remove();
let modified_string = element.html();

Alternatively, you have the option to specify specific tags for removal:

element.find('strong, b, i').remove();

Answer 3

Answer №2

Utilizing regular expressions can help you achieve the desired outcome:

let text = $('p').html();
text = text.replace(/<strong>[^<]*<\/strong>/gi,'');
console.log(text.trim());

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

<p><strong>Content that should be excluded</strong> This is important content that needs to be retained. <a href="#">also keep this</a></p>

Answer 4

Utilizing regular expressions can help you achieve the desired outcome:

let text = $('p').html();
text = text.replace(/<strong>[^<]*<\/strong>/gi,'');
console.log(text.trim());

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

<p><strong>Content that should be excluded</strong> This is important content that needs to be retained. <a href="#">also keep this</a></p>

Choose the p tag, but do not include certain child elements

Answer №1

Answer №2

Similar questions

Executing HTML and JavaScript code stored as a string

Show an alternative option in the dropdown menu

Comparing the syntax of JSON to the switch statement in JavaScript

Tips for extracting information from a JSON file using $routeParams in AngularJS

What is the best method for circumventing an express middleware?

Sending data between Node.js middleware components

On mobile devices, the Next.JS application (featuring Chakra UI) does not stretch to full width

Please enter a number using the "+" sign and a decimal point

Aggregate together the fields that have a value of true to calculate their sum

SQLite query did not return any results

Is there a way to change a DWG file into a Flash (SWF) file?

Altering the state ahead of rendering

if this.className includes Ajax completion

What is the best way to include a permanent placeholder within an input field?

retrieve the data attribute of a link within an unordered list

Setting the default styling for unordered lists in Material-UI React is a breeze with these simple steps

Adjust the size of a large column to fit into a smaller one using Bootstrap or vanilla CSS

I am currently having issues with the mustache syntax in vuejs, as it is not functioning properly

Interacting with JSON API data in real-time using AJAX and the power of JQuery

Error: fancytree struggling to load JSON data