如何通过JS识别页面特定文本并利用data属性隐藏结账支付选项？

你的思路没问题——用字符串检查结合设置元素样式来隐藏支付选项，完全符合JS基础逻辑。下面结合你给的页面代码，一步步写可运行的代码，还会给你简化版的写法：

基础实现（用你提到的string.search()） #

// 等页面DOM加载完成再执行，避免找不到元素
document.addEventListener('DOMContentLoaded', () => {
  // 1. 获取所有购物车商品标题（可能有多个商品）
  const productTitles = document.querySelectorAll('[data-test="cart-item-product-title"]');
  
  // 2. 标记是否存在含"BULK"的商品
  let hasBulkProduct = false;
  
  // 逐个检查商品标题
  productTitles.forEach(titleElement => {
    // search()查找"BULK"：找到返回文本索引，没找到返回-1
    if (titleElement.textContent.search(/BULK/) !== -1) {
      hasBulkProduct = true;
    }
  });
  
  // 3. 如果找到BULK商品，隐藏PayPal支付选项
  if (hasBulkProduct) {
    const paypalPaymentOption = document.querySelector('[data-test="accordion-item_paypalcommerce"]');
    // 先判断元素是否存在，避免控制台报错
    if (paypalPaymentOption) {
      paypalPaymentOption.style.display = "none";
    }
  }
});

简化版（用更直观的includes()） #

刚学JS的话，includes()比search()更易懂——它直接返回布尔值（找到返回true，没找到返回false），代码可以更简洁：

document.addEventListener('DOMContentLoaded', () => {
  // 把标题元素转成数组，用some()检查是否有任意一个标题包含"BULK"
  const hasBulkProduct = Array.from(document.querySelectorAll('[data-test="cart-item-product-title"]'))
    .some(title => title.textContent.includes("BULK"));
  
  if (hasBulkProduct) {
    const paypalOption = document.querySelector('[data-test="accordion-item_paypalcommerce"]');
    if (paypalOption) paypalOption.style.display = "none";
  }
});

关键细节提醒 #

• 必须等DOM加载完成再执行代码：否则页面元素还没渲染，JS会找不到它们，所以要包裹在DOMContentLoaded事件里，或者把代码放在页面最底部。
• 加元素存在判断：避免页面没有该支付选项时，JS报错中断执行。

内容的提问来源于stack exchange，提问作者Paul C.