1

我正在使用手风琴 jQuery UI，在每个手风琴中都有一些字段，我希望能够通过使用每个手风琴的第一个 input[type=text] 来更改每个手风琴标题

我写的这个 JS，但仅适用于第一个手风琴的第一个输入 [type=text]，我想要每个手风琴

$('.redux-groups-accordion-group input[type=text]:first').live('keyup',function(event) {
     $(this).parents('.redux-groups-accordion-group:first').find('.redux-groups-header').text(event.target.value);
});

HTML：

<div id="redux-groups-accordion">
    <div class="redux-groups-accordion-group">
        <h3 class="ui-accordion-header">
            <span class="redux-groups-header">New Slide Title</span>
        </h3>
        <div class="ui-accordion-content">
            <input type="hidden" name="id" />
            <input type="text" name="title" />
            <input type="text" name="tags" />
        </div>
    </div>
    <div class="redux-groups-accordion-group">
        <h3 class="ui-accordion-header">
            <span class="redux-groups-header">New Slide Title</span>
        </h3>
        <div class="ui-accordion-content">
            <input type="hidden" name="id" />
            <input type="text" name="title" />
            <input type="text" name="tags" />
        </div>
    </div>
</div>
4

2 回答 2

0

演示 http://jsfiddle.net/v7XgA/

顺便说一句live，不推荐使用：

我已经使用.on而不是live你:first在你的 Jq 代码中使用，因此它的目标是让所有人摆脱:first

休息应该适合需要:)

尝试这个 

$('.redux-groups-accordion-group input[type=text]').on('keyup',function(event) {
     $(this).parents('.redux-groups-accordion-group:first').find('.redux-groups-header').text(event.target.value);
});
于 2013-10-18T02:21:11.517 回答
0

尝试

$('#redux-groups-accordion').on('keyup', '.redux-groups-accordion-group input[name="title"]', function (event) {
    $(this).closest('.redux-groups-accordion-group').find('.redux-groups-header').text(this.value);
});

演示：小提琴

于 2013-10-18T02:22:32.360 回答