Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取以单词开头的span id_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何获取以单词开头的span id

Javascript 如何获取以单词开头的span id,javascript,jquery,html,Javascript,Jquery,Html,实际上,我有两个span,id是这样的date\u eform和time\u eform 现在我要拿到这些证件。。然后检查spanid是否以date\uu开头,然后我必须执行一些逻辑。如果spanid以time.开始,则另一个操作 <span id='date_eform'></span><span id='time_eform'></span> 请帮我做这件事。你需要什么 所以 及 试试这个: $("span[id^='date_']")

实际上,我有两个span,id是这样的
date\u eform
time\u eform

现在我要拿到这些证件。。然后检查
span
id是否以
date\uu
开头,然后我必须执行一些逻辑。如果
span
id以
time.
开始,则另一个操作

 <span id='date_eform'></span><span id='time_eform'></span>

请帮我做这件事。

你需要什么

所以

试试这个:

$("span[id^='date_']").something...    
$("span[id^='time_']").something-else...
这应该起作用:

$("span[id^={word}]")
其中{word}是希望元素id以其开头的单词

以下类似内容将有所帮助:

这应该可以做到:

$('[id^="date_"]')

属性的jQuery语法以以下结尾:

$('span[id$="_eform"]')

属性的jQuery语法以以下开头:

$('span[id^="_eform"]')

属性的jQuery语法包含:

$('span[id*="_eform"]')
据我所知,你需要做一些事情,比如:

$('span[id$="_eform"]')
然后,使用
each
方法,测试jQuery对象ID是
date
还是
time

var elements = $('span[id$="_eform"]');
elements.each(function() {
    if(this.id.substring(0,5)=='date') {
        // handle dates
    } else if(this.id.substring(0,5)=='time_') {
        // handle times
    }
});

您可以使用多种方法来实现这一点,其中大多数问题都列在其他答案中

但是,如果您只有2个元素,为什么不直接使用ID访问它们呢?一旦对他们采取行动,也许你想对他们做点什么?在这种情况下,此处列出的所有方法都不能使用

如果您只是想绑定这两个选择器,您可以使用

$('#date_eform, #time_eform')...

就你的问题而言,你的要求没有太多意义。如果你增加更多的细节,可能有更好的方法来满足你的要求

我建议您使用
id
class
完成此任务;这会让事情变得更清楚。示例如下:

HTML:


这里的示例:

最好也提供一个代码示例。出于存档目的,因此答案可以在此处找到。
var elements = $('span[id$="_eform"]');
elements.each(function() {
    if(this.id.substring(0,5)=='date') {
        // handle dates
    } else if(this.id.substring(0,5)=='time_') {
        // handle times
    }
});
$('#date_eform, #time_eform')...
<span id='date' class='eform'></span>
<span id='time' class='eform'></span>
$(".eform").each(function() {
    switch (this.id) {
    case "date":
        // do something
        break;

    case "time":
        // do something
        break;

    default:
        // "id" is not a case
    }
});