How to use jQuery.siblings()

HTML

<div>
    outer div.
    <div>
        inner div.
        <button>
        b
        </button>
        <ul>
            <li class="odd">item 1</li>
            <li class="even">item 2</li>
            <li class="odd">item 3</li>
            <li class="even">item 4</li>
            <li class="odd">item 5<span>five</span>

            </li>
        </ul>
    </div>
</div>

JavaScript

$(function () {
    console.log($("li:contains('3')").html());
    var sib = $("li:contains(3)").siblings(".odd").css("background-color", "yellow");
    console.log(sib.length);

    //$($("li:contains('3')").parents("div").get(0)).css("background-color", "red");
});

$("button").on("click", function(e){
	console.log(this);
  console.log($(this).siblings("ul"));
	$(this).siblings("ul").children().first().css("background-color","red");
  
})