查找 div 中不是子元素的元素

Question

为此，如果采用数据驱动的方法会更好。如果您有一组可以查询的数据，则可以检索所需的任何内容，包括图像 URL。这是您的用例的一个简单示例：

let data = {

      options: {

        North: {

          message: "you went to the Abandoned Church",

          image: "https://picsum.photos/200/300?random=1"

        },

        South: {

          message: "you went to the Abandoned Someplace",

          image: "https://picsum.photos/200/300?random=2"

        }

      }

    };

我还在这里为其创建了一个 Codepen：https ://codepen.io/richjava/pen/poJmKBg

我希望它有帮助。

Answer 1

该按钮是选择菜单的同级，因此您可以使用siblings方法遍历到它。var title = $('#businessMarkets').siblings("button").prop("title");console.log(title);<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="btn-group bootstrap-select form-control">   <button type="button" data-toggle="dropdown" data-id="businessMarkets" title="Business Markets Served*">   </button>   <div class="dropdown-menu open" role="combobox">   </div>   <select id="businessMarkets">     <option value="">Title</option>     <option value="" disabled="" selected="false" style="display: none;" id="businessMarkets-      Placeholder">Business Markets Served*</option>   </select></div>