1

我有这样的 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 内容。我该如何正确地做到这一点？

4

2 回答 2

1 
$('.portlet-content').click(function(){
    $(this).closest(".portlet-header").text("XYZ");
});
于 2013-11-08T12:30:08.830 回答
1 
$(".portlet-content").on("click",function() {
  $(this).prev().text("XYZ");
});
于 2013-11-08T12:31:00.500 回答