javascript - JQuery:选择具有唯一类和 id 的元素

Question

我有这个 html 代码:

<div class="category" id="154"> Category </div>

<div class="category2" id="156"> Category2 </div>

<div class="category3" id="157"> Category3 </div>

<div class="category4" id="158"> Category4 </div>
<input type="text" />

所以在示例中，如果我在文本框中写了一个 id，如何选择带有此 ID 的 div .category 并获取内部 HTML 文本。使用 jQuery

Answer 1

所以您只需要使用 ID，因为这是一个唯一值(或应该是)

var html = $("#154").html();

注意:如果您确实使用了重复的 ID 值，请务必注意 JQuery 只会选择第一个。

---

如果您想在输入文本框值时执行此操作，您可以在文本框更改事件中执行此操作...

$("input").change(function(){
   var id = $(this).val();
   var element = $("#" + id);
   if(element){
      var html = element.html();
      //do something with html here
   }
});

注意:您可能希望在文本框上放置一个 ID 值以确保获得正确的控件

---

虽然我强烈建议您找到一种避免使用重复 ID 值的方法，但您可以使用这样的函数来获取所需的 DIV...

function GetContent(className, id) {
    var result = null;
    var matchingDivs = $("." + className);
    matchingDivs.each(function(index) {
        var div = $(matchingDivs[index]);
        if (div.attr("id") == id) {
            result = div.html();
        }
    });

    return result;
}

Click here for working example