0

私はこのようなhtmlを持っています

<div class="portlet portlet_30">

    <div class="portlet_header portlet_header_30">
        header content here
    </div>

    <div class="portlet_sub_header portlet_sub_header_30">
        <input type="text" class="textbox_30" />
    </div>

    <div class="portlet_content portlet_content_30">
        results go here
    </div>

    <div class="portlet_footer portlet_footer_30">
        <input type="button" class="button_30" />
    </div>

</div>

1ページに2つ以上ある場合、つまり

<div class="portlet portlet_30">

    <div class="portlet_header portlet_header_30">
        header content here
    </div>

    <div class="portlet_sub_header portlet_sub_header_30">
        <input type="text" class="textbox_30" />
    </div>

    <div class="portlet_content portlet_content_30">
        results go here
    </div>

    <div class="portlet_footer portlet_footer_30">
        <input type="button" class="button_30" />
    </div>

</div>

<div class="portlet portlet_30">

    <div class="portlet_header portlet_header_30">
        header content here
    </div>

    <div class="portlet_sub_header portlet_sub_header_30">
        <input type="text" class="textbox_30 />
    </div>

    <div class="portlet_content portlet_content_30">
        results go here
    </div>

    <div class="portlet_footer portlet_footer_30">
        <input type="button" class="button_30" />
    </div>

</div>

干渉を停止するにはどうすればよいですか。つまりportlet_content_30、2 番目のポートレットのボタンがクリックされた場合に、2 番目のポートレットのテキストだけを変更するにはどうすればよいですか。同じことが画面上の 2 番目またはその他のポートレットに影響を与えることなく、最初のポートレットに対して同じことが発生するはずです。

4

4 に答える 4

3 
$('.button_30').click(function(){
    $(this).closest('.portlet.portlet_30').text("foo");
});

または、div の 1 つを変更する場合portlet portlet_30: 

$('.button_30').click(function(){
    $(this).closest('.portlet.portlet_30')
           .find('.portlet_header.portlet_header_30').text("foo");
});

ライブデモ

于 2012-05-08T12:13:01.317 に答える
0 
$('.button_30').click(function(){
    $(this).parent('.portlet').find(".portlet_content").text(result);
});
于 2012-05-08T12:14:08.537 に答える
0

試す：

$('input.button_30').click(function(){console.log('x');
    $(this).parent().siblings('div.portlet_content.portlet_content_30').html('Your html here')
})​

jsFiddle の例。

于 2012-05-08T12:14:22.073 に答える
0

あなたはこのようなことを試すことができます（私の頭から書かれた:P）：

  $('.button_30').click(function() {
        var parent = $(this).closest('.portlet');
        $('.portlet_content_30', parent).html('foobar');
  });
于 2012-05-08T12:14:22.407 に答える