Question

我有这段代码：

HTML：

  <text id = "addedit">add/edit</text>
  <text id = "addedit2">add/edit</text>

脚本：

$(document).ready(function(){
  $("#addedit").click(function(){
    var html = "stuff";
  });
});

我有多个文本ID，如何在javascript代码中调用每个ID，我不必调用“#adidit1”，“＃addedit2”，“＃addedit3”等等。

Answer 1

您可以使用以下内容：

$("text[id^='addedit']")

这将返回所有带有附加的开始（^ =）的ID。

但最好使用class而不是id。

Answer 2

最好使用类而不是id来实现这些要求。使用如下的课程。

<style>
    .wantedText{

    }
</style>

<text id = "addedit" class = "wantedText">add/edit</text>
<text id = "addedit2" class = "wantedText">add/edit</text>

然后使用该类来引用文本框。

$(document).ready(function(){
    $(".wantedText").click(function(){
         var html = "stuff";
    });
});

Answer 3

您好，您可以使用以下内容

<text id = "addedit" class="addedit">add/edit</text>
<text id = "addedit2" class="addedit">add/edit</text>

并编写如下脚本：

  $(".addedit").click(function(){
    alert(this.id);
  var html = "stuff"; });

此处您正在获取文本的ID。所以你可以用这个id做任何事情。希望能帮助到你。
谢谢。

使用javascript / jQuery获取文本ID

3 个答案: