（jQuery）試圖在文檔上編寫一個函數，以准備為自定義下拉菜單更改占位符？

Question

簡而言之，我的Web應用程序具有此自定義下拉列表（不使用select元素）。 如您在下面非常簡短的HTML代碼段中所見，自定義下拉菜單的默認值/占位符為“ is歌”。

<span id="builder-make-selection" class="pick">
  <div class="custom_dd_select builder_makes" tabindex="1">
    <div class="custom_dd_select">
      <span>
        <a>Acura</a>
      </span>

我正在嘗試將自定義下拉菜單的默認占位符從“ Ac歌”更改為“豐田”。

下拉菜單的所有HTML都通過JavaScript呈現，因此要使更改反映在HTML上，我必須編輯JavaScript。

因此，我正在嘗試在准備就緒的文檔上編寫一個函數，該函數會將默認占位符設置為“ Toyota”。 由於我對jQuery感到很糟糕，因此無法正常工作。 有人知道我在做什么錯嗎？

$(document).ready(function(){
  $(#builder-make-selection .custom_dd_select builder_makes a).text("Toyota");
});

Answer 1

用這個

 $(document).ready(function(){
     $(#builder-make-selection .custom_dd_select.builder_makes a).text("Toyota");
});

不要在custom_dd_select和builder_makes之間留空格

推薦這個

如何選擇具有多個類的元素？

Answer 2

嘗試使用一個類名。在第一個div中，您有兩個類名custom_dd_select builder_makes 。如果與javascript一起使用，請使用任何一個，不要同時使用兩者

 $(document).ready(function() { $("#builder-make-selection .custom_dd_select a").text("Toyota"); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <span id="builder-make-selection" class="pick"> <div class="custom_dd_select builder_makes" tabindex="1"> <div class="custom_dd_select"> <span> <a>Acura</a> </span> </div> </div> </span> 

Answer 3

無需根據多個class進行搜索。 首先找到外部元素builder-make-selection ，然后通過相應的類builder_makes查找內部元素

<span id="builder-make-selection" class="pick">
    <div class="custom_dd_select builder_makes" tabindex="1">
      <div class="custom_dd_select">
        <span>
          <a>Acura</a>
       </span>
      </div>
    </div>
</span>

$(document).ready(function() {
  $("#builder-make-selection .builder_makes a").text("Toyota");
});