Question

我正在使用手风琴jQuery UI，在每个手风琴中都有一些字段，我希望能够通过使用每个手风琴的第一个输入[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>

Answer 1

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

顺便说一句live：

旧帖子：What's wrong with the jQuery live method?

我使用.on代替live你也在你的Jq代码中使用:first因此它的目的是让所有人摆脱: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);
});

Answer 2

尝试

$('#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);
});

演示：Fiddle

改变每支手风琴的冠军

2 个答案: