how to invoke hook before calling css , html functions using in JQUERY?

Question

I meet the requirement where i get the js statements from the user and apply to the page

for some reason i have to keep track state of the element

i am facing problem when user gives the statments like

$("someselector").css("color":"red");

or

$("someselector").html("new text");

i will get the statements and apply in page, here i am not able to take the backup of original element

is there any way in jquery where i can call a hook function before calling css , html function and take the element backup

but when i can call clone if i get the statement from user and apply — thaveethu gce
– thaveethu gce, Commented Mar 21, 2017 at 13:16
When you use var clonedObj = $('some_selector').clone() you cloned the object to clonedObj. This can be your backup element. After you do the $("someselector").html("new text"); you still have the clonedObj element with unchanged text. — Qsprec
– Qsprec, Commented Mar 21, 2017 at 13:19
Agree,But here selectors are given by the user dynamically, they simply give the input statement like below as $("someselector").html("new text"); , so i (app) cant guess the selector, so cant backup in normal way — thaveethu gce
– thaveethu gce, Commented Mar 21, 2017 at 13:23
Hmm. So I think you should find the selector with regex from the given string. I don't know any other way to achieve this. — Qsprec
– Qsprec, Commented Mar 21, 2017 at 13:30

Community · Accepted Answer · 2017-05-23 10:30:00Z

1

You can rewrite the css function of jquery to achieve this.

You may need this: What does jQuery.fn mean?

function backup($dom) {
  //console.log("backup dom:", $dom);
  $("h3").after($dom);
}
var fn = {
  css: $.fn.css
};
$.fn.css = function() {
  backup(this.clone());
  return fn.css.apply(this, arguments);
}
$("#a").css("color", "red");
$("#a").css("color", "red");
$("#a").css("color", "red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="a">element</div>
<h3>backup:</h3>

edited May 23, 2017 at 10:30

CommunityBot

11 silver badge

answered Mar 21, 2017 at 13:47

blackmiaool

5,3942 gold badges24 silver badges40 bronze badges

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

Collectives™ on Stack Overflow

how to invoke hook before calling css , html functions using in JQUERY?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related