Javascript jQuery选择器是否表示“相同”？

我有以下HTML：

<h2>Choose an option:</h2>
<a id="option-a" href="javascript:;" "class="shortcode-question ">Option A</a>
<a id="option-b" href="javascript:; " "class="shortcode-question">Option B</a>
<a id="option-c" href="javascript:;" "class="shortcode-question ">Option C</a>
<div id="content-a" class="shortcode-content">Content A</div>
<div id="content-b" class="shortcode-content">Content B</div>
<div id="content-c" class="shortcode-content">Content C</div>

我想你可以看到这里的问题。每次我都要直接输入并重复ID。是否有类似的选择器：选项-[sameness]或内容-[sameness]？

尝试使用like

jQuerydocument.readyfunction${ $'[id^=option-]'。单击函数E{ e、 防止违约； var cid='content-'+this.id.replace'option-'，； $cid.show； } } .shortcode内容{ 显示：无； } 内容A 内容B 内容C尽量使用like

jQuerydocument.readyfunction${ $'[id^=option-]'。单击函数E{ e、 防止违约； var cid='content-'+this.id.replace'option-'，； $cid.show； } } .shortcode内容{ 显示：无； } 内容A 内容B

---

Content C您可以使用类选择器，如

jQuerydocument.readyfunction${ var$contents=$'。短代码内容'； $'.shortcode问题'.单击函数E{ e、 防止违约； var$target=$+this.id.replace'option'，'content'.show； $contents.not$target.hide； } } .shortcode内容{ 显示：无； } 选择一个选项： 内容A 内容B

---

Content C您可以使用类选择器，如

jQuerydocument.readyfunction${ var$contents=$'。短代码内容'； $'.shortcode问题'.单击函数E{ e、 防止违约； var$target=$+this.id.replace'option'，'content'.show； $contents.not$target.hide； } } .shortcode内容{ 显示：无； } 选择一个选项： 内容A 内容B

---

Content C一个好方法是针对类，并使用一些数据属性：

jQuerydocument.readyfunction${ $“.shortcode问题”。单击函数{ //如果要在拾取一个对象时隐藏其他对象，请使用此选项： var id=$this.data'id'； $'.shortcode content'.eachfunction项{ $this.toggle$this.is'content-'+id； }; //或者，如果您没有： //$'content-'+$this.data'id'.show； } } .shortcode内容{显示：无；} 选择一个选项： 内容A 内容B

---

Content C一个好方法是针对类，并使用一些数据属性：

jQuerydocument.readyfunction${ $“.shortcode问题”。单击函数{ //如果要在拾取一个对象时隐藏其他对象，请使用此选项： var id=$this.data'id'； $'.shortcode content'.eachfunction项{ $this.toggle$this.is'content-'+id； }; //或者，如果您没有： //$'content-'+$this.data'id'.show； } } .shortcode内容{显示：无；} 选择一个选项： 内容A 内容B 内容C可以简单如下：

var options=$'a[id^=option]，content=$'div[id^=content]； 内容隐藏； options.eachFunction索引{ $this.clickfunction{ 内容隐藏； content.eqindex.show； }; }; 选择一个选项： 内容A 内容B 内容C可以简单如下：

var options=$'a[id^=option]，content=$'div[id^=content]； 内容隐藏； options.eachFunction索引{ $this.clickfunction{ 内容隐藏； content.eqindex.show； }; }; 选择一个选项： 内容A 内容B Content C$'[id^=Content-]'，您可以使用属性选择器，$'[id^=Content-]'，您可以使用属性选择器，

jQuery(document).ready(function($) {
  $('#question-a').click(function() {
    $('#content-a').show()
  })
})

jQuery(document).ready(function($) {
  $('[id^="option-"]').click(function(e) {
      e.preventDefault();
      var cid='#content-'+this.id.replace('option-','');
      $(cid).show();
  });
});