JSFiddle - React, Tailwind, and code Playground

by Ivan Volkov

HTML

<menu id="razmer-pizzi">
    <li>click 1</li>
    <li>click 3</li>
    <li>click 3</li>
</menu>

<table class="table-chto-vishlo" border="1">
    <tr>
        <td class="image">
            <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRS8kMrZW52Z594dc7luHC6Jqe0ugx2BdjQKv4b22RBvdt_mCk7" width="100" />
        </td>
    </tr>
    <tr>
        <td class="description"></td>
    </tr>
</table>

JavaScript

$(document).ready(function() {

    $("#razmer-pizzi li:first-child").on("click", function() {
        $(".table-chto-vishlo .description").html("РАЗМЕР ПИЦЦЫ 25 СМ");
	});
  
    $("#razmer-pizzi :nth-child(2)").on("click", function() {
        $(".table-chto-vishlo .description").html("РАЗМЕР ПИЦЦЫ 30 СМ");
	});
    
    $("#razmer-pizzi :nth-child(3)").on("click", function() {
        $(".table-chto-vishlo .description").html("РАЗМЕР ПИЦЦЫ 40 СМ");
	});
});