如何找出一個jQuery數組對象內的特定字符串？

Question

我對jQuery數組對象有疑問。 讓我簡要介紹一下：我有兩個數組稱為brandsLink和floorLink 。 當用戶單擊任何鏈接時，我會將特定的品牌名稱存儲在一個名為brandName的變量中，並將該變量存儲在第二個數組中。 如果找到了，那么我將編寫其他方法。 我附上一張圖片供參考。 我認為這會有所幫助。
這是代碼：

$('document').ready(function() {

    var brandsLink = $('.brandLinks li a[id]');
    var floorLink = $('#orionPlan .mapContainer area[id]');

    brandsLink.click(function(e){
        var brandName = this.id;

        if(brandName == floorLink.find(brandName)){
            console.log('yes both are matching.');
        }
        else {
            console.log('sory.');   
        }
    });
});

謝謝，naresh kumar

Answer 1

1. 您不能以這種方式使用ID。 ID在文檔中必須唯一。
2. 您的find呼叫應搜索'someID'時會搜索'#someID'
3. 如果你沒有找到一個匹配，你會比較'someID'到DOM節點

您將需要切換到使用類，或為ID floor-前綴以使其唯一（例如floor- ， brand- ）。 您還需要更改比較。

給定以下標記：

<ul class="brandLinks">
   <li><a id="brand-zara" data-name="zara">Zara</a></li>
   ...
</ul>

...

<map name="..." class="mapContainer">
   <area id="floor-zara" data-name="zara" shape="rect" coords="..." />
   ...
</map>

您的點擊處理程序可能會說：

brandsLink.click(function() {
    var name = $(this).data('name'); // name = "zara"
    var match = floorLink.find('#floor-' + name);
    if(match.length > 0) {
        console.log('a matching area was found in floorLink');
    } else {
        console.log('sorry.');
    }
});