JS: function for every ul in variable

Question

I have this javascript (jquery), in which I've defined a variable. This variable contains a string which might have one or more ul's in it. I want the script to select every ul and run a function for each of them.

But unfortunately, nothing happens when loading the page.

<script type="text/javascript">
    var wid_tekst1 = "<?php echo $wid_tekst1; ?>";
    $(wid_tekst1).find('ul').each(function() {
        alert('hoi');
    })
</script>

The $wid_tekst1 contains:

<p>test tekst 1</p>
<ul>
    <li>testitem</li>
    <li>testitem</li>
    <li>testitem</li>
    <li>testitem</li>
    <li>testitem</li>
    <li>testitem</li>
    <li>testitem</li>
</ul>
<p>test</p>

Thank you

Javascript doesn't support multiline string. If you php variable is like you show use, it will never work. — Karl-André Gagnon
– Karl-André Gagnon, Commented May 2, 2014 at 20:14
@Karl-AndréGagnon, I just set it multiline to make it readable. In real, it is just one line. — Bram
– Bram, Commented May 2, 2014 at 20:23

Ram · Accepted Answer · 2014-05-02 20:12:41Z

1

Since the uls are top level elements in your collection you should use filter instead of the find method. If you want to use the find method you can set the string as innerHTML of another element:

$('<div/>').html(wid_tekst1).find('ul').each(func);

answered May 2, 2014 at 20:12

Ram

145k16 gold badges174 silver badges201 bronze badges

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

2 Comments

Bram Over a year ago

Thanks that worked! Didn't know about the filter-method. So to be clear, the find-method will only work on variables defined as html and the filter-method works on all variables? I'll accept your answer in a couple of minutes...

Ram Over a year ago

@user3235648 You are welcome, actually the difference is the level of elements in a jQuery collection. find selects the matching descendant elements of the collection's elements and filter filters the elements in the collection.

Community · Accepted Answer · 2017-05-23 12:20:49Z

0

You could query the dom directly, if the UL objects exist there.

$("ul")

Or you could place your html string into a JQuery object like this example https://stackoverflow.com/a/11047751/3066711

$('<div/>').html(wid_tekst1).find("ul")

edited May 23, 2017 at 12:20

CommunityBot

11 silver badge

answered May 2, 2014 at 20:15

Shriike

1,3419 silver badges20 bronze badges

Collectives™ on Stack Overflow

JS: function for every ul in variable

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related