Question

How can I append text to elements containing a certain word in the ID, as long as they contain a visible element? I can get this to work for one unique ID, but not for all IDs containing the match (the one visible element). I’ve a feeling my use of “this” is incorrect.

http://jsfiddle.net/Wukbj/1/ [EDIT now with jQuery enabled!!!]

$(function() {
if ($("[id^=relatedelements] > li:visible").length == 1) {
    $(this).append("match found...")};
});

Answer 1

You should use id*=value which means id contains the string value

$(function() {
    $("ul[id*=relatedelements] > li:visible").each(function(){
        $(this).append('match found...');
    })
});

for non visible element:

$(function() {
    $("ul[id*=relatedelements] > li:hidden").each(function(){
        $(this).append('match found...');
    })
});

You can also count the number of hidden element and append it to the ul

$(function() {
    $("ul[id*=relatedelements]").each(function(){
        $(this).append($(this).find('li:hidden').length 
          + ' items are invisible...');
    })
});