jQuery и .css () проблема

Question

Мне нужно стилизовать ul следующим образом:

<ul id="accordion">
    <li id="block.mainnavigation.cell">
        <ul style="display: block; font-weight: bold;">
            <li id="block.mainnavigation.cell">
                <a target="" href="/event/catalog:items/categoryCode/COFFEEGRND" id="block.mainnavigation.link">Ground Coffee</a>
                <ul style="display: block;">
                    <li id="block.mainnavigation.cell">
                        <a target="" href="/event/catalog:items/categoryCode/COFFEEGRNDCAFECOLL" id="block.mainnavigation.link" style="font-weight: normal;">Café Collection Coffee</a>
                    </li>
                    <li id="block.mainnavigation.cell">
                        <a target="" href="/event/catalog:items/categoryCode/COFFEEGRNDFAIRTRAD" id="block.mainnavigation.link" style="font-weight: normal;">Fair Trade Organic Coffee</a>
                    </li>
                    <li id="block.mainnavigation.cell">
                        <a target="" href="/event/catalog:items/categoryCode/COFFEEGRNDOTHER" id="block.mainnavigation.link" style="font-weight: normal;">Ground Coffee Other</a>
                    </li>
                    <li id="block.mainnavigation.cell">
                        <a target="" href="/event/catalog:items/categoryCode/COFFEEGRNDPREMCAN" id="block.mainnavigation.link" style="font-weight: normal;">Premium Coffee -Can</a>
                    </li>
                </ul>
            </li>
            <li id="block.mainnavigation.cell">
                <a target="" href="/event/catalog:items/categoryCode/COFFEEPOD" id="block.mainnavigation.link">Coffee Pods</a>
            </li>
            <li id="block.mainnavigation.cell">
                <a target="" href="/event/catalog:items/categoryCode/COFFEEWHLBN" id="block.mainnavigation.link">Whole Bean Coffee</a>
                <ul style="display: block;">
                    <li id="block.mainnavigation.cell">
                        <a target="" href="/event/catalog:items/categoryCode/COFFEEWHLBNBULK" id="block.mainnavigation.link" style="font-weight: normal;">Whole Bean Coffee Bulk</a>
                    </li>
                    <li id="block.mainnavigation.cell">
                        <a target="" href="/event/catalog:items/categoryCode/COFFEEWHLBNCAFECOLL" id="block.mainnavigation.link" style="font-weight: normal;">Café Collection Coffee</a>
                    </li>
                    <li id="block.mainnavigation.cell">
                        <a target="" href="/event/catalog:items/categoryCode/COFFEEWHLBNOTHER" id="block.mainnavigation.link" style="font-weight: normal;">Whole Bean Coffee Other</a>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

, поэтому я попытался использовать это:

$('ul#accordion ul').parent().children(":first").css('font-weight','bold')

Я пытаюсь получить родителя вложенного ul и сделатьоно выделено жирным шрифтом, но вместо этого я получаю все li, а содержащиеся в нем ссылки становятся жирными.

По какой-то причине, если я пытаюсь установить атрибут нижней границы, он работает как положено:

$('ul#accordion ul').parent().children(":first").css('border-bottom','1px solid green')

Любые идеи о том, что я здесь упускаю, будут высоко оценены.

Answer 1

Метод имеет очень полезен для поиска всех <li>, содержащих любые <ul>:

$('#accordion li').has('ul')
    .hide(); // Or .css or whatever

Answer 2

$('ul#accordion li').each(function(index) {
    if ($(this).has('ul'))
         $(this).css('font-weight', 'bold');
});

Отредактировал мой ответ после того, как вы дали больше информации.

Если я правильно понял, вы хотите найти make каждые <li> жирным шрифтом, который содержит <ul>. Таким образом, в моем фрагменте кода я пробегаю каждый элемент <li> в пределах <ul id="accordion"></ul>, и если этот конкретный <li></li> содержит <ul></ul> любого вида, то <li></li> будет выделен жирным шрифтом.

Надеюсь, это то, что вам нужно, и я уверен, что вы можете изменить его самостоятельно, чтобы оно полностью соответствовало вашим потребностям.