Question

I need a bit of help getting the values from these HTML elements with jQuery;

<ul class='post-meta'>
<li><span class='post-meta-key'>uniqueidA:</span> value1</li>
<li><span class='post-meta-key'>uniqueidB:</span> value2</li>
</ul>

These are dynamic values and I need to say get ‘value1’ from ‘uniqueidA’ and ‘value2’ from ‘uniqueidB’

Answer 1

var a = $(".post-meta-key:contains('uniqueidA')").get(0).nextSibling.nodeValue;
var b = $(".post-meta-key:contains('uniqueidB')").get(0).nextSibling.nodeValue;

alert(a +" "+ b);

See it on jSFiddle: http://jsfiddle.net/jay2S/

If you need the values without any whitespace you can use jQuery.trim()

alert($.trim(a) +" "+ $.trim(b));

There may be more factors in your particular situation, but this is a quick and dirty way to get it done.