Use Jquery to locate and modify any occurrences of the div text through find and replace

Here is a screenshot I captured.

https://i.stack.imgur.com/VUGEg.png

This content resides inside my div. My goal is to replace "" with "-" and "" with "-" wherever they occur within the div, and then send this modified content via ajax using jQuery since storing it in the database as is would not work. I attempted to achieve this by:

var para = $('#list_id');

   var drag_words_paragraph = para.html(para.html().replace(new RegExp("<div class="fancy" draggable="true">","</div>"),"-"));

Unfortunately, this code does not correctly replace all occurrences as intended. Can anyone assist me in resolving this issue?

jqueryhtmlcssajax

Answer №1

I'm a bit unclear about the question you're asking. However, if you're looking to substitute all instances of " with - before saving in your database, you can achieve this using JavaScript's replace method (using 'g' for global replace).

var para = $('#list_id');
var drag_words_paragraph = para.html();
var result = drag_words_paragraph.replace(/"/g, "-");

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Transferring Chart Div Titles Above Bars

Is there a way to adjust the layout of an HTML bar chart so that the names or labels appear outside of the bars, tagged to the left end? <!DOCTYPE html> <style> .chart div { font: 10px Ubuntu; background-color: white; text-align: right; ...

htmlcss

The absence of shapes in containers is noticeable in the stage setting

After spending some time troubleshooting the issue, I have encountered a problem with my code on JSFiddle Code. My goal was to place one large container on the stage that contains two smaller containers, each holding a shape. However, despite no errors bei ...

javascripthtmlcontainersshapeseaseljs

Disabling the @import cache feature in LessCSS Assetic

I'm facing a minor issue that is robbing me of precious time. Currently, I am using the assetic plugin with the lesscss filter in my symfony2.1 project. The problem lies in Assetic not detecting changes in imported files when using the @import functi ...

phpcsssymfonylessassetic

Is there a way to bypass cells within an html table?

Creating an online board game and looking to have the cells go around the board. Wondering if anyone knows a way to skip the cells in the middle? Attempted using   but it doesn't seem to be effective. Here is a snippet of the code: #board { ...

htmlcsshtml-table

How can I retrieve the value of a specific <span> element by referencing the class of another <span> within

I have come across the following HTML: <div class="calculator-section"> <p> <span class="x"></span> <span class="amount">30</span> </p> <p> <span class="y"></span ...

javascriptjqueryhtmlcss

Interacting with JQuery UI Button causes it to shift position on mouseover

In my table, there are two large cells. The left cell contains two drop-downs and a JQuery UI button that is causing trouble, while the right cell displays a list generated from an AJAX database query. As the list grows longer, the button gradually moves u ...

jqueryhtmlcssajax

Using Google Maps within a Bootstrap modal window that is only partially loaded

The maps display perfectly fine in a regular div, but when placed inside a Bootstrap modal, only half or part of the map is visible. However, when I open the console, the issue resolves itself and the entire map is shown. Photo without console opened Pho ...

htmlcssgoogle-mapstwitter-bootstrap

Obtaining attribute from an object using JQuery

I am experiencing an issue with extracting the innerHTML from an object. The code I currently have is as follows: console.log( $(myString).find("#" + someID).prevObject ); The variable myString contains HTML code in string format someID represents the ...

jqueryhtml

What could be causing the issue with my form validation in jQuery?

Why are the fields yourTelephoneNumbers and yourEmailAddress not validating? I am trying to set up my form so that the user is required to enter either a phone number or an email address. Error Messages: Error: Bootstrap tooltips require Tether () bootst ...

jqueryjquery-validatetwitter-bootstrap-4bootstrap-4

Transferring a data variable from JavaScript through $_POST method

In an attempt to transfer a variable from a JavaScript function to my PHP file, I have extracted the user_name from a cookie using JavaScript and then used AJAX to $_POST the variable to my PHP file for further processing. Instead of submitting the POST va ...

phpajax

Understanding the res.render method in JavaScript can be a bit tricky at first

In my spare time, I have been immersing myself in coding lessons and have encountered some puzzling aspects of the code: Firstly, there is a confusion surrounding the action attribute in HTML Secondly, this particular piece of code is causing me some b ...

javascripthtmlexpressresponsebody-parser

Troubleshooting problems with CSS when zooming in and out

My CSS is designed for screen sizes larger than 1100 pixels. However, when I zoom in using ctrl and the plus sign, the center container on the page fails to wrap properly and suddenly breaks. HTML: <div id="outer_footer_bottom"> <div class=" ...

htmlcss

Efficient method for extracting precise information from HTML content using PHP

After much deliberation, I've decided to finally share my problem here. Despite searching extensively online, I haven't found a confirmed solution yet. Let me begin by explaining my issue. On my website, I have a CKEditor that allows users to po ...

phpjqueryregex

Ways to access the value of an attribute in an AngularJS object

Is there a way to access the value of field.jobtype within a controller? var app=angular.module('myapp',['ui.bootstrap','ui.select']); app.controller('mycontroller',function($scope){ $scope.onStateSelected = func ...

angularjshtmljquery-select2ui-select

Issues detected between Angular and Express rendering operations

Having an issue with my angular code. It runs perfectly on its own, but when I try to access it on localhost with express, it only displays the HTML file. Here's my server code: var express = require('express'), app = express(); app ...

javascripthtmlangularjsexpress

Does the AngularJS Controller disappear when the DOM element is "deleted"?

One challenge I encountered is regarding a directive that is connected to an angularjs controller, as shown below: <my-directive id="my-unique-directive" ng-controller="MyController"></my-directive> In the controller, at a certain point, I ne ...

javascriptjqueryangularjsdom

Executing multiple JQuery post requests simultaneously

I am currently working with three functions, each of which posts to a specific PHP page to retrieve data. However, since each PHP script requires some processing time, there is a delay in fetching the data. function nb1() { $.post("p1.php", { ...

javascriptphpjqueryjson

Sending information from the client to the server using AJAX in conjunction with a

My apologies in advance if my English is not perfect. I am currently facing issues with sending data to my ExportServlet using ajax. ExportServlet.java public class ExportServlet extends HttpServlet { private static final long serialVersionUID = 67156058 ...

javajqueryajaxservletspost

Using the parent id in knockoutJs to create a nested menu

I'm currently attempting to create a nested menu using the JSON data provided by the client. Here is the data: var serverData = [ { Id: "menuColorSearch", Text: "Color search" }, { Id: "menuAncillaryProductM ...

javascriptjqueryjsonknockout.js

Using jQuery and CSS to Filter and Sort Content

I need help with filtering a list of content based on their class names. The goal is to show specific items when a user clicks on one of two menus. Some items have multiple classes and users should be able to filter by both menus simultaneously. Currently ...

javascriptjqueryhtmlcss