jquery - 使用 JQuery 的目标类

Question

我有以下代码，

<span class="rpText">
  <img class="favMenuItemImg" alt="arrow" src="Images/rightArrow.png">
  <b>
     <i>New Products</i>
  </b>
</span>

<span class="rpText">
  <img class="favMenuItemBlankImg" alt="" src="Images/transparent.png">
    Profile
  </span>
</span>

我想定位 favMenuItemBlankImg 类，如果有这个类，只设置最喜欢的图像。

我尝试了以下 JQuery：-

for (var i = 0; i < items.get_count() ; i++) {
    if (!$(this).siblings('span.rpText.favMenuItemBlankImg '))
    {
        items.getItem(i).set_imageUrl("Images/favorites_small.png");
    }
}

但这不起作用。

JQUERY 更新------------------------------------------------ ---------

if (item.get_text() == "Favorites") {
    panelItem = panel.findItemByText(item.get_text());
    var items = panelItem.get_items();

    for (var i = 0; i < items.get_count() ; i++) {

        $('img.favMenuItemBlankImg').each(function () {
            $(this)[i].getItem(i).set_imageUrl("Images/favorites_small.png");
        });
    }
}

Answer 1

查找具有类的项目并设置 src？

$('img.favMenuItemBlankImg').attr('src',"Images/favorites_small.png");

编辑每条评论：也许像这些索引值？

$('img.favMenuItemBlankImg').each(function(i){
   $(this)[i].set_imageUrl("Images/favorites_small.png");
});

或者

$('img.favMenuItemBlankImg').each(function(i){
   $(this)[i].getItem(i).set_imageUrl("Images/favorites_small.png");
});

Answer 2

一个更好的方法是使用一个title给文本加粗和斜体的类，然后搜索那个类。

CSS

.title {
    font-weight: bold;
    font-style: italic;
}

的HTML

<span class="rpText">
    <img class="favMenuItemImg" alt="arrow" src="Images/rightArrow.png">
    <span class="title">New Products</span>
</span>

<span class="rpText">
    <img class="favMenuItemImg" alt="" src="Images/transparent.png">
    <span>
        Profile 
    </span>
</span>   

jQuery

$("img.favMenuItemImg").next().each(function() {
    if ($(this).hasClass("title")) {
        //do what you want
    }
});

这是一个演示这个概念的小提琴：http: //jsfiddle.net/xAPfu/

Answer 3

正如@tymeJV 建议的那样，在您的代码中使用 font-weight 和 font-style 肯定会更好，但如果您坚持使用<b>and <i>，您可以像这样选择查找“标题”：

$.each($('.rpText'),function(i,e){
    if ($(e).find('b').length>0) {
       alert ($(this).html()); //this element has 'b'
    }
});