我现有的代码是javascript，我想在jquery中转换这些代码？

如何将其转换为jQuery

openDish("balkandish1")
function openDish(dishName) {
    var i;
    var x = document.getElementsByClassName("city");
    for (i = 0; i < x.length; i++) {
        x[i].style.display = "none";
    }
    document.getElementById(dishName).style.display = "block";
}

openDish（“1”）
函数openDish（dishName）{
var i；
var x=document.getElementsByClassName（“城市”）；
对于（i=0；i

只需在相关选择器上调用

hide（）

和

show（）

，如下所示：

openDish("balkandish1")

function openDish(dishName) {
    $(".city").hide()
    $('#' + dishName).show();
}

jQuery提供了可用于隐藏和显示DOM元素的功能

openDish("balkandish1");

function openDish(dishName) {
    $(".city").hide();
    $('#'+ dishName).show();
}

使用和方法

openDish("balkandish1");

function openDish(dishName) {
   // get all elements using class selector
   // hide them using `hide()` method
   $(".city").hide();
   // get the element using `id` selector
   // make it visible using `show()` method
   $('#' + dishName).show();
}

openDish（“1”）；
函数openDish（dishName）{
$（“.city”）.hide（）；
$（'#'+dishName）.show（）；
}

1.
2.
3.
4.
5.
6

我不知道为什么没有人问你，你试过什么，只是用勺子喂你代码：）请尝试一下，以后再来寻求帮助