Javascript 如何更改onclick后的文本

在下面的代码中，我调用onclick（）来显示ul数据

Hospitails
诊所
家庭护理
信息中心

输出：

Hospitails Clinics Home Care  Information Centers

现在如果我调用hospitals onclick.com，这是我的javascript代码

JavaScript

$（文档）.ready（函数（）{
$（“.hospitails”）。单击（函数（事件）{
var elem=$（event.target），
str=''，
locs，len，i=0，
strArr=[]；
if（元素hasClass（'hospitails_class'））{
str='hospitails_loc ul li a'；
}else if（要素hasClass（“诊所类”）{
str='.clinics_loc ul li a'；
}else if（要素hasClass（“家庭护理类”）{
str='.homecare_loc ul li a'；
}else if（elem.hasClass（'information_class'））{
str=‘。信息位置ul li a’；
}
locs=$（str）；
len=locs.长度；
对于（；i

输出：

Hospitails Clinics Home Care  Information Centers

医院警报->马来西亚斋浦尔市班加罗尔-塞勒姆-果阿-曼加罗尔-维萨卡帕特南-维贾瓦达

诊所警报->拉各斯（）尼日利亚

家庭护理警报->班加罗尔|斋浦尔

上一个相同，但警报值也不同

现在，根据警报显示的内容，与我想在tr下方显示的内容相同

完整代码：

地点

医院
诊所
家庭护理
信息中心

你的意思是（注意，我将hospitails改为hospitals，并假设TRs上只有一个等级）：

$（函数（）{
$（“.hospitals”）。在（单击）上，功能（事件）{
var$elem=$（event.target），
str=''，
locs，len，i=0，
strArr=[]，
elemClass=$elem.prop（“类”）；
if（elemClass.indexOf（“U类”）！=-1）{
str=“.”+elemClass.split（“'u class”）[0]+“'u loc ul li a'；
$locs=$（str）；
len=$locs.length；
对于（；i0？strArr:”）；
});
$（“.hospitals>td:first”）。单击（）；
});
td{padding:3px；
右边框：1px虚线#f0F；
边框底部：1px虚线#f00；
}
#输出{padding:3px；}

位置
医院
诊所
家庭护理
信息中心























您的意思是（注意，我将hospitails改为hospitals，并假设TRs上只有一个等级）：



$（函数（）{
$（“.hospitals”）。在（单击）上，功能（事件）{
var$elem=$（event.target），
str=''，
locs，len，i=0，
strArr=[]，
elemClass=$elem.prop（“类”）；
if（elemClass.indexOf（“U类”）！=-1）{
str=“.”+elemClass.split（“'u class”）[0]+“'u loc ul li a'；
$locs=$（str）；
len=$locs.length；
对于（；i0？strArr:”）；
});
$（“.hospitals>td:first”）。单击（）；
});
td{padding:3px；
右边框：1px虚线#f0F；
边框底部：1px虚线#f00；
}
#输出{padding:3px；}

位置
医院
诊所
家庭护理
信息中心













$(document).ready(function() {
    $(".hospitails td").on("click", function() {
        var el = $(this).attr("class");
        var str = "." + el.substring(0, el.indexOf('_')) + "_loc ul li a";
        var locs = $(str);

        var num_nulls = $(this).index();
        var add = "";
        for (var i=0; locs[i]; i++) {
            add += "<tr>"
            for (var y=0; y<num_nulls; y++){
                add += "<td class='null'></td>";
            }
            add += "<td>" + locs[i].text + "</td></tr>";
        }
        $(".hospitails").parent().find("tr").not(".hospitails").remove();
        $(".hospitails").after(add);

    });
});