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, May 02 '14 at 20:14
@Karl-AndréGagnon, I just set it multiline to make it readable. In real, it is just one line. — Bram, May 02 '14 at 20:23

score 1 · Accepted Answer · answered May 02 '14 at 20:12

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 02 '14 at 20:12

Ram

143,282
16
168
197

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... – Bram May 02 '14 at 20:20
@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_. – Ram May 02 '14 at 20:25

score 0 · Answer 2 · edited May 23 '17 at 12:20

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 '17 at 12:20

Community

1
1

answered May 02 '14 at 20:15

Shriike

1,351
9
20

JS: function for every ul in variable

2 Answers2