Selcet html element from page through htmlstring using jquery

Question

My issue is: I have a html string, that is also on web page.

Now I want that this html string should work as selector for jQuery.

Here is the doc html

<body>
   <p>asdf</p>
   <p>ghjk</p>
</body>

Now we have a string

 '<p><asdf</p>'

now

$('<p><asdf</p>').css("border",'1px solid red')

should read that paragraph border on document.

Any help will be appreciated!

fidlle:http://jsfiddle.net/eJxDb/2/

I think you need the contains selector: $('p:contains(asdf)').css("border",'1px solid red') — Pete
– Pete, Commented Mar 28, 2014 at 10:02
I have tried contians selector but it is not applying on rendered document. — developerCK
– developerCK, Commented Mar 28, 2014 at 10:04
i mean if the text is dynamic then why should we check for text to apply css to it. — Jai
– Jai, Commented Mar 28, 2014 at 10:15

jmoyson · Accepted Answer · 2014-03-28 10:47:16Z

1

You can use parseHTML and the html() function of JQuery :

Exemple :

http://jsfiddle.net/N6s8F/1/

JavaScript :

var obj = "<p>asdf</p>"
selector = $.parseHTML(obj)[0].nodeName;
text = $(obj).html();
console.log(text);
$(selector).each(function(index) {
console.log($(this).html());
console.log(text);
if ($(this).html() == text) {
    $(this).css('border','1px solid red');
    }
});

answered Mar 28, 2014 at 10:47

jmoyson

1466 bronze badges

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

4 Comments

developerCK Over a year ago

can we optimize that ?

jmoyson Over a year ago

Probably, You can delete the console logs :D and you will have only 4 lines of code. After that I don't see any optimization to apply.

developerCK Over a year ago

actually i am taking about comparing, gathering and looping.

jmoyson Over a year ago

With the information you have to retreive the element I dont see any way but it may be before like when you get the string or how it is store in the database that need to be optimize.

Darius · Accepted Answer · 2014-03-28 10:03:17Z

0

Give the paragraph id and the select it via id like this:

<p id="myID"><asdf</p>

And your jQuery:

('#myID').css("border",'1px solid red');

answered Mar 28, 2014 at 10:03

Darius

1354 bronze badges

1 Comment

developerCK Over a year ago

It is very dynamic , and result is not for any particular!

Collectives™ on Stack Overflow

Selcet html element from page through htmlstring using jquery

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related