使用javascript/jQuery获取文本id

Grab text id with javascript/jQuery

本文关键字:取文本 id 获取 jQuery javascript 使用      更新时间:2024-02-26

我有这个代码:

HTML:

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

脚本:

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

我有多个文本ID,我如何调用每个ID,这样在javascript代码中我就不必调用"#addedit1"、"#adddit2"、"#addedit3"等。

您可以使用以下内容:

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

这将返回所有以addedit开头的ID(^=)。

但是最好使用class而不是id。

最好使用类而不是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";
    });
});

你好,你可以使用一些东西,比如下面的

<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做任何事情。希望能有所帮助。
非常感谢。