我有这样的div结构。
<div id="comparison_widgets" class="ui-widget row-fluid">
<div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" id="widget_0">
<div class="portlet-header ui-corner-all">China</div>
<div class="portlet-content" id="id_0" data-highcharts-chart="3">
</div>
</div>
</div>
<div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" id="widget_1">
<div class="portlet-header ui-corner-all">India</div>
<div class="portlet-content" id="id_1" data-highcharts-chart="3">
</div>
</div>
</div>
<div class="portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" id="widget_2">
<div class="portlet-header ui-corner-all">US</div>
<div class="portlet-content" id="id_2" data-highcharts-chart="3">
</div>
</div>
</div>
</div>
每个具有类的div都portlet-content包含一个饼图。因此，现在当我单击任何饼图时，其各自的portlet-headerdiv内容应更改为XYZ。例如：-如果单击“中国”图，其名称应更改为XYZ。
目前，我正在这样做，它$(".portlet-header").text("XYZ");会更改所有portlet-header内容。如何正确执行？
$(".portlet-content").on("click",function() {
$(this).prev().text("XYZ");
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句