将ul类添加到函数输出

Question

I have function. It shows like that.

    <div id="sidebar-category"><h2 class="sidebar-title black">Konular</h2>     <ul>
    <li class="cat-item cat-item-2"><a href="http://www.domain.com/cats/girisimler/" >Girişimler</a>
</li>
    <li class="cat-item cat-item-3"><a href="http://www.domain.com/cats/isletme-yonetimi/" >İşletme Yönetimi</a>
</li>
    <li class="cat-item cat-item-4"><a href="http://www.domain.com/cats/proje-yonetimi/" >Proje Yönetimi</a>
</li>
    <li class="cat-item cat-item-6"><a href="http://www.domain.com/cats/web-dunyasi/" >Web Dünyası</a>
</li>
        </ul>
</div>

How can I add class in <ul> ?

This is my function :

function arphabet_widgets_init() {

    register_sidebar( array(
        'name'          => 'Home right sidebar',
        'id'            => 'home_right_1',
        'before_widget' => '<div id="sidebar-category">',
        'after_widget'  => '</div>',
        'before_title'  => '<h2 class="sidebar-title black">',
        'after_title'   => '</h2>',
    ) );

}
add_action( 'widgets_init', 'arphabet_widgets_init' );

I show HTML with this code

<?php dynamic_sidebar( 'home_right_1' ); ?>

Answer 1

I see you are using WordPress. Can you edit the ul in the widget to add the class manually? If not, you could always use jQuery (present in WordPress) to add a class:

$('#sidebar-category ul').addClass('myClass');

Be sure it loads after the dom is ready:

$(document).ready(function() {
    $('#sidebar-category ul').addClass('myClass');
});