jQuery如果條件文本包含

Question

我寫了一個簡單的if條件，但不是很有效。 如果文本是123更改爲嗨，如果文本是456更改爲hi2 有人請給我一隻手。

<h1>123</h1> 
    <h1>456</h1> 
    <h1>789</h1>​ 


$(document).ready(function() { 

    var changeText1 = '123'; 
    var changeText2 = '456'; 
    var text = $(h1).text(); 

    if (text == changeText) { 
     $(this).text('hi'); 
    } else if (text == changeText2) { 
     $(this).text('hi2'); 
    } 

}); 

http://jsfiddle.net/8P2ma/

Answer 1

有AR E倍數的事情你的代碼錯誤：

$(document).ready(function() { 

    var changeText1 = '123'; 
    var changeText2 = '456'; 
    var text = $(h1).text(); //aside from having to iterate through, the jquery 
          //selector needs to be enclosed in quotes: $('h1') 
    if (text == changeText) { //The variable 'changeText' does not exist. 
     $(this).text('hi'); 
    } else if (text == changeText2) { 
     $(this).text('hi2'); 
    } 

}); 

//working code: 
$(document).ready(function() { 

    var changeText1 = '123'; 
    var changeText2 = '456'; 

    $('h1').each(function() { 
     var text = $(this).text(); 
     if (text == changeText1) { 
      $(this).text('hi'); 
     } else if (text == changeText2) { 
      $(this).text('hi2'); 
     } 
    }); 
});​ 

Answer 2

做這樣的：

$(document).ready(function() { 
    var change = { 
     '123': 'hi', 
     '456': 'hi2' 
    }; 
    $('h1').text(function(i, txt) { 
     return change[$.trim(txt)]; 
    }); 
}); 

DEMO：http://jsfiddle.net/By4Ra/

Answer 3

$(function() { 
    $('h1:contains("123")').text('hi'); 
    $('h1:contains("456")').text('hi2'); 
});​ 

FIDDLE