Javascript 根据其值编辑2个标签

Javascript 根据其值编辑2个标签,javascript,Javascript,我有两个标签,其中有两个不同的文本,我需要使用javascript编辑该文本,但问题是我无法编辑这些标签,因为它们是由库创建的,所以编辑它们的唯一方法是在填充它们后编辑它们的值 这是html: <div class="DateRangeSelector-item"> <label>Start Date</label> <input type="date" max="2015-09-15"> </div&

我有两个标签,其中有两个不同的文本,我需要使用javascript编辑该文本,但问题是我无法编辑这些标签,因为它们是由库创建的,所以编辑它们的唯一方法是在填充它们后编辑它们的值

这是html:

    <div class="DateRangeSelector-item">
      <label>Start Date</label>
      <input type="date" max="2015-09-15">
    </div>
    <div class="DateRangeSelector-item">
      <label>End Date</label>
      <input type="date" max="2015-09-16">
    </div>

开始日期
结束日期

是否可以通过Javascript检查标签何时具有值“开始日期”或“结束日期”,并根据需要进行更改?

很难理解是要更改输入字段的值还是要更改标签本身。假设是输入字段,具体取决于标签的文本:

$('.DateRangeSelector-item label').each(function() {

    switch ($(this).html()) {

        case 'Start Date':
            $(this).next('input').val('new start value here');
            break;

        case 'End Date':
            $(this).next('input').val('new end value here');
            break;

        default:
            # do nothing

    }

});
以上代码只在特定的HTML结构中工作,这一点毫无价值。如果更改元素的布局/顺序,除非修改第6行和第10行,否则代码可能会中断

还值得注意的是,元素是由Javascript创建的,您需要确保在创建元素的代码之后调用上述代码

如果我还不明白你想要完成什么,请告诉我,我会编辑我的答案

编辑

要更改标签值,请改用以下命令:

$('.DateRangeSelector-item label').each(function() {

    switch ($(this).html()) {

        case 'Start Date':
            $(this).html('new start label here');
            break;

        case 'End Date':
            $(this).html('new end label here');
            break;

        default:
            # do nothing

    }

});

抱歉,我知道我没有很好地解释这个问题:P这几乎是我想要实现的,我需要的是更改标签值而不是输入值,这就是我需要的!)